@charset "utf-8";

body {
    margin: 0px;
    padding: 0px;
    margin: 0px auto;
    zoom: 1;
    font-size: 12px;
    line-height: 24px;
    font-family: Arial,"","宋体";
    color: #414446;
    width: 100%;
    min-width: 1200px;
}

.ul, .ul > li {
    list-style: none;
}

    .h1, .h2, .h3, .h4, .h5, .h6, .p, .ul, .ul > li, .dl, .dl > dt, .dl > dd {
        padding: 0px;
        margin: 0px;
    }

select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #414446;
}

    input:focus {
        outline: none;
    }

input, button, select, textarea {
    outline: none;
}

textarea {
    resize: none;
}

textarea, input, select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
    display: block;
}

figure, figcaption {
    margin: 0px;
    padding: 0px;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

img {
    border: none;
    border: 0;
    vertical-align: baseline;
}

a {
    color: #414446;
    text-decoration: none;
    noline: -webkit-tap-highlight-color:rgba(0,0,0,0);
}

    a:focus {
        outline: none;
        -moz-outline: none;
    }

    a:hover {
        text-decoration: none;
        color: #002870;
    }

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.txtbox {
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
    clear: both;
    overflow: hidden;
    position: relative
}

.dot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pagetxt {
    padding-top: 20px;
}

.auto1200 {
    width: 1200px;
    margin: 0 auto;
}

video {
    background: #000;
}

.myvideoBox {
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    z-index: 9;
    height: 280px
}

    .myvideoBox .leftvideo {
        position: relative;
        height: 270px
    }

    .myvideoBox video {
        max-width: 100%
    }

    .myvideoBox .mybtn {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        background-color: rgba(0,0,0,0.2);
        width: 100%;
        height: 100%;
    }

        .myvideoBox .mybtn .btnImg {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            z-index: 10;
            cursor: pointer
        }


.aboutTxt01 {
    line-height: 30px;
    font-size: 14px;
    color: #555;
}

    .aboutTxt01 .pic {
        float: right;
        margin-left: 80px;
    }


.aboutTxt02 {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    width: 960px;
    height: 720px;
    background: center no-repeat;
    position: relative;
}

    .aboutTxt02 .year strong {
        color: #f68121;
        font-size: 24px;
    }

    .aboutTxt02 .txt {
        padding-left: 10px;
        position: relative;
    }

        .aboutTxt02 .txt strong {
            display: block;
            position: absolute;
            left: 0;
        }

        .aboutTxt02 .txt .strong {
            display: inline-block;
            width: 10px;
            position: static;
        }

    .aboutTxt02 li {
        position: absolute;
    }

    .aboutTxt02 .li1 {
        right: 0;
        top: 230px;
        width: 262px;
    }

    .aboutTxt02 .li2 {
        right: 480px;
        bottom: 382px;
        max-width: 530px;
    }

    .aboutTxt02 .li3 {
        right: 0;
        top: 360px;
        width: 385px;
    }

    .aboutTxt02 .li4 {
        right: 622px;
        bottom: 293px;
        max-width: 390px;
    }

    .aboutTxt02 .li5 {
        left: 438px;
        top: 440px;
        max-width: 448px; /* border:2px solid #d1ecdb; */
        padding: 10px;
    }

        .aboutTxt02 .li5 .txt { /* font-weight:bold; */
        }

    .aboutTxt02 .li6 {
        right: 730px;
        bottom: 208px;
        max-width: 265px;
    }

    .aboutTxt02 .li7 {
        right: 0;
        bottom: 135px;
        width: 635px;
    }

    .aboutTxt02 .li8 {
        left: 0;
        bottom: 115px;
        width: 165px;
    }

    .aboutTxt02 .li9 {
        right: 0;
        bottom: 20px;
        width: 830px;
    }

    .aboutTxt02 .li2017 {
        right: 0;
        top: 125px;
        width: 135px;
    }

    .aboutTxt02 .li2016 {
        right: 315px;
        bottom: 515px;
        max-width: 530px;
    }

    .aboutTxt02 .li2018 {
        top: 50px;
        right: 185px;
    }

.aboutTxt03 {
    font-size: 14px;
}

    .aboutTxt03 .CenTitle {
        padding-top: 30px;
        padding-bottom: 5px;
    }

        .aboutTxt03 .CenTitle .name {
            text-align: left;
        }

        .aboutTxt03 .CenTitle .line {
            margin: 0;
        }

    .aboutTxt03 .fl {
        float: left;
        width: 245px;
    }

    .aboutTxt03 .pic {
        margin: 0 auto;
        padding-top: 20px;
        text-align: center;
    }

        .aboutTxt03 .pic img {
            display: block;
            margin: 0 auto;
        }

    .aboutTxt03 .fr {
        float: right;
        width: 285px;
    }

    .aboutTxt03 .ul {
        padding-top: 5px;
    }

        .aboutTxt03 .ul li {
            line-height: 35px;
            position: relative;
            padding-left: 45px;
        }

        .aboutTxt03 .ul span {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
            width: 37px;
            text-align: center;
            font-weight: bold;
            padding-left: 3px;
        }

    .aboutTxt03 .li1 span {
        background: url(../images/pic_philosophy01.png);
    }

    .aboutTxt03 .li2 span {
        background: url(../images/pic_philosophy02.png);
    }

    .aboutTxt03 .li3 span {
        background: url(../images/pic_philosophy03.png);
    }

    .aboutTxt03 .li4 span {
        background: url(../images/pic_philosophy04.png);
    }

    .aboutTxt03 .li5 span {
        background: url(../images/pic_philosophy05.png);
    }

    .aboutTxt03 .li6 span {
        background: url(../images/pic_philosophy06.png);
    }

.aboutTxt04 {
    padding-bottom: 40px;
}

    .aboutTxt04 .pic {
        padding: 30px;
    }

        .aboutTxt04 .pic img {
            display: block;
            margin: 0 auto;
        }

    .aboutTxt04 .fl {
        float: left;
        width: 90px;
        height: 90px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        line-height: 18px;
        margin-left: 90px;
    }

        .aboutTxt04 .fl .box {
            padding-top: 20px;
        }

    .aboutTxt04 .fr {
        line-height: 30px;
        font-size: 14px;
        float: right;
        width: 760px;
    }

.aboutTxt05 {
    padding-bottom: 20px;
}

    .aboutTxt05 .ul {
        overflow: hidden;
        width: 880px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        display: -webkit-flex;
        align-items: start;
        justify-content: space-around;
    }

    .aboutTxt05 li {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 14px;
    }

        .aboutTxt05 li .txt {
            padding-top: 10px;
        }

        .aboutTxt05 li .tl {
            text-align: left;
        }

        .aboutTxt05 li .box {
            width: 116px;
            height: 126px;
            text-align: center;
            color: #fff;
            font-weight: bold;
            background: center no-repeat;
            margin: 0 auto;
        }

            .aboutTxt05 li .box .title {
                padding-top: 68px;
            }

    .aboutTxt05 .li1 .box {
        background-image: url(../images/pic_idea01.png);
    }

    .aboutTxt05 .li2 .box {
        background-image: url(../images/pic_idea02_1.png);
    }

    .aboutTxt05 .li3 .box {
        background-image: url(../images/pic_idea03_1.png);
    }

    .aboutTxt05 .li4 .box {
        background-image: url(../images/pic_idea04.png);
    }

    .aboutTxt05 li.li1,
    .aboutTxt05 li.li4 {
        display: none
    }

    .aboutTxt05 li.li2,
    .aboutTxt05 li.li3 {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

        .aboutTxt05 li.li2 .txt,
        .aboutTxt05 li.li3 .txt {
            padding-left: 15px
        }

    .aboutTxt05 .li2 .box,
    .aboutTxt05 .li3 .box {
        margin: 0
    }

.aboutTxt06 {
    line-height: 22px;
    padding: 0 0 0 515px;
    height: 314px;
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

    .aboutTxt06 .box {
        padding: 25px
    }

.aboutTxt07 {
    position: relative;
    top: -36px;
    height: 374px;
    font-size: 14px;
    color: #555;
}

    .aboutTxt07 .box {
        padding-left: 560px;
        padding-top: 42px;
    }

    .aboutTxt07 .CenTitle {
        float: left;
        margin-bottom: 20px;
    }

    .aboutTxt07 .txt01 {
        clear: both;
        background: url(../images/pic_joinbtn.png) left center no-repeat;
        font-weight: bold;
        line-height: 30px;
        margin-top: 20px;
    }

    .aboutTxt07 .txt02 {
        line-height: 24px;
    }

    .aboutTxt07 .txt01,
    .aboutTxt07 .txt02 {
        padding-left: 30px;
    }

.aboutTxt08 {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

    .aboutTxt08 .title {
        font-weight: bold;
    }

    .aboutTxt08 .txt {
        padding: 0 1em;
    }

    .aboutTxt08 .pic {
        width: 412px;
        height: 297px;
        margin: 30px auto;
        color: #fff;
        font-weight: bold;
    }

        .aboutTxt08 .pic li .t1,
        .aboutTxt08 .pic li .t2,
        .aboutTxt08 .pic li .l1,
        .aboutTxt08 .pic li .l2,
        .aboutTxt08 .pic li .t {
            float: left;
        }

        .aboutTxt08 .pic li .t1,
        .aboutTxt08 .pic li .t2,
        .aboutTxt08 .pic li .t {
            font-size: 12px;
            width: 126px;
        }

        .aboutTxt08 .pic li .l1,
        .aboutTxt08 .pic li .l2 {
            width: 35px;
            line-height: 35px;
        }

        .aboutTxt08 .pic li {
            line-height: 40px;
            padding-top: 1px;
            text-align: center;
        }

        .aboutTxt08 .pic .li1 {
            padding-top: 68px;
            line-height: 24px;
        }

            .aboutTxt08 .pic .li1 .t1 {
                margin-left: 94px;
            }

            .aboutTxt08 .pic .li1 .t1,
            .aboutTxt08 .pic .li1 .t2 {
                width: 110px;
            }

        .aboutTxt08 .pic .li2 .l1 {
            margin-left: 40px;
        }

        .aboutTxt08 .pic .li2 .t1 {
            margin-left: 4px;
        }

        .aboutTxt08 .pic .li2 .t2 {
            margin-right: 6px;
        }

        .aboutTxt08 .pic .li3 .l1 {
            margin-left: 30px;
        }

        .aboutTxt08 .pic .li3 .t1 {
            margin-left: 14px;
        }

        .aboutTxt08 .pic .li3 .t2 {
            margin-right: 16px;
        }

        .aboutTxt08 .pic .li4 .l1 {
            margin-left: 20px;
        }

        .aboutTxt08 .pic .li4 .t1 {
            margin-left: 24px;
        }

        .aboutTxt08 .pic .li4 .t2 {
            margin-right: 26px;
        }

        .aboutTxt08 .pic .li5 .l1 {
            margin-left: 10px;
        }

        .aboutTxt08 .pic .li5 .t {
            margin: 0 36px 0 34px;
            width: 252px;
        }

        .aboutTxt08 .pic .li6 .t {
            margin: 0 46px 0 44px;
            width: 252px;
        }

    .aboutTxt08 .box {
        padding: 45px 0;
        overflow: hidden;
    }

        .aboutTxt08 .box .fl {
            float: left;
            margin-right: -32px;
        }

            .aboutTxt08 .box .fl img {
                display: block;
                width: 482px;
            }

        .aboutTxt08 .box .fr {
            border: 1px solid #c3d8e3;
            float: right;
            width: 509px;
            border-left: none;
            height: 178px;
            margin-top: 60px;
        }

            .aboutTxt08 .box .fr .title {
                margin-left: 35px;
                background: #fff;
                width: 5em;
                padding: 0 15px;
                text-align: center;
                position: relative;
                top: -14px;
            }

            .aboutTxt08 .box .fr .txt {
                padding: 40px 20px 0 50px;
            }

    .aboutTxt08 .list li {
        width: 450px;
        float: left;
        font-size: 14px;
        margin-top: 25px;
    }

        .aboutTxt08 .list li .fr {
            float: right;
            width: 320px;
            padding-top: 24px;
        }

    .aboutTxt08 .list .li2,
    .aboutTxt08 .list .li4 {
        float: right;
    }

    .aboutTxt08 .list li .fl {
        float: left;
        width: 120px;
        height: 120px;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }

        .aboutTxt08 .list li .fl div {
            padding-top: 65px;
        }

    .aboutTxt08 .list .li1 .fl {
        background: url(../images/pic_join01.png);
    }

    .aboutTxt08 .list .li2 .fl {
        background: url(../images/pic_join02.png);
    }

    .aboutTxt08 .list .li3 .fl {
        background: url(../images/pic_join03.png);
    }

    .aboutTxt08 .list .li4 .fl {
        background: url(../images/pic_join04.png);
    }

.jointxt01 {
    font-size: 12px;
    line-height: 24px;
    color: #555;
}

    .jointxt01 strong {
        font-size: 14px;
    }

        .jointxt01 strong span {
            color: #f68121;
        }

.jointxt02 .ul {
    overflow: hidden;
}

    .jointxt02 .ul li {
        float: left;
        background: left center no-repeat;
        line-height: 20px;
    }

    .jointxt02 .ul .li1 {
        width: 470px;
    }

    .jointxt02 .ul .li2 {
        width: 300px;
    }

    .jointxt02 .ul .li1,
    .jointxt02 .ul .li2 {
        padding: 8px 0 8px 30px;
        font-size: 14px;
        color: #555;
    }

    .jointxt02 .ul .li3 {
        float: right;
        width: 100px;
    }

        .jointxt02 .ul .li3 img {
            display: block;
            width: 100px;
            height: 100px;
        }

        .jointxt02 .ul .li3 .left {
            background: url(../images/pic_contactleft.png) left center no-repeat;
            padding-left: 10px;
            text-align: center;
            margin-left: 3px;
        }

.jointxt03 {
    background: left top no-repeat;
    min-height: 340px;
    position: relative;
    top: -15px;
}

    .jointxt03 .box {
        padding: 25px 0 0 535px;
    }

    .jointxt03 .CenTitle {
        float: left;
        clear: both;
    }

    .jointxt03 .txt {
        clear: both;
        font-size: 14px;
        line-height: 24px;
        color: #555;
    }

.jointxt04 .ul {
    overflow: hidden;
}

    .jointxt04 .ul li {
        float: left;
        background: left center no-repeat;
        line-height: 20px;
        font-size: 14px;
    }

    .jointxt04 .ul .li1 {
        float: right;
        text-align: center;
        font-size: 12px;
    }

        .jointxt04 .ul .li1:nth-child(1) {
            margin-right: 100px;
        }

        .jointxt04 .ul .li1 img {
            display: block;
            width: 100px;
            height: 100px;
        }

        .jointxt04 .ul .li1 .left {
            background: url(../images/pic_contactleft.png) left center no-repeat;
            padding-left: 10px;
            text-align: center;
            margin-left: 3px;
        }

    .jointxt04 .ul .li2,
    .jointxt04 .ul .li4 {
        width: 470px;
        padding: 8px 0 8px 30px;
    }

    .jointxt04 .ul .li3,
    .jointxt04 .ul .li5 {
        width: 300px;
        padding: 8px 0 8px 30px;
    }

    .jointxt04 .ul .li2,
    .jointxt04 .ul .li3 {
        margin-top: 0px;
    }

.jointxt05 {
    font-size: 14px;
    padding-top: 20px;
}

    .jointxt05 .name {
        width: 158px;
        line-height: 38px;
        margin: 20px auto;
        border: 1px solid #e7f0f4;
        font-weight: bold;
        text-align: center;
    }

.jointxt06 {
    margin-top: 10px;
    height: 289px;
    overflow: hidden;
}

    .jointxt06 .title {
        text-align: center;
        color: #555;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
    }

    .jointxt06 .ul li {
        float: left;
        width: 200px;
        text-align: center;
        font-size: 0;
        padding-top: 100px;
    }

        .jointxt06 .ul li + li {
            margin-left: 53px;
        }

    .jointxt06 .ul .block {
        display: inline-block;
        text-align: left;
        font-size: 14px;
    }

    .jointxt06 .ul .t1 {
        padding-bottom: 5px;
        font-weight: bold;
    }

.prodtxt01 {
    font-size: 12px;
}

    .prodtxt01 strong {
        font-size: 14px;
    }

    .prodtxt01 span {
        font-weight: bold;
        position: relative;
    }

        .prodtxt01 span i {
            display: block;
            width: 3px;
            height: 3px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -1px;
            background: #555;
        }

.solutxt01 {
    line-height: 24px;
    font-size: 12px;
}

    .solutxt01 strong {
        font-size: 14px;
    }

    .solutxt01 .pt {
        padding-top: 10px;
    }

    .solutxt01 .fl {
        float: left;
    }

    .solutxt01 .fr {
        float: right;
    }


.servicetxt01 .pic1 {
    display: block;
}

.servicetxt01 .u1 li {
    overflow: hidden;
    padding-top: 20px;
}

    .servicetxt01 .u1 li span {
        float: left;
        display: block;
        width: 77px;
        height: 64px;
        text-align: center;
        line-height: 64px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

    .servicetxt01 .u1 li .txt {
        float: right;
        width: 860px;
        padding-left: 8px;
        position: relative;
        font-size: 14px;
        margin-top: 20px;
    }

        .servicetxt01 .u1 li .txt i {
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            width: 4px;
            height: 4px;
            border-radius: 50%;
        }

.servicetxt01 .u1 .li1 span {
    background: url(../images/pic_servicebg01.png);
}

.servicetxt01 .u1 .li2 span {
    background: url(../images/pic_servicebg02.png);
}

.servicetxt01 .u1 .li3 span {
    background: url(../images/pic_servicebg03.png);
}

.servicetxt01 .u1 .li4 span {
    background: url(../images/pic_servicebg04.png);
}

.servicetxt01 .u1 .li1 .txt i {
    background: #75bcf3;
}

.servicetxt01 .u1 .li2 .txt i {
    background: #758df3;
}

.servicetxt01 .u1 .li3 .txt i {
    background: #a380e9;
}

.servicetxt01 .u1 .li4 .txt i {
    background: #f3a583;
}

.servicetxt01 .u1 .li2 .txt {
    margin-top: 10px;
}

    .servicetxt01 .u1 .li2 .txt + .txt {
        margin-top: 0;
    }

.servicetxt01 .fl {
    float: left;
    padding-top: 20px;
}

.servicetxt01 .fr {
    float: right;
    width: 510px;
    padding-top: 20px;
}

    .servicetxt01 .fr img {
        float: left;
    }

    .servicetxt01 .fr li {
        border-bottom: 1px dotted #e7f0f4;
        color: #555;
        padding: 5px 0;
    }

    .servicetxt01 .fr .info {
        padding-left: 52px;
        font-size: 12px;
    }

    .servicetxt01 .fr .title {
        font-weight: bold;
        font-size: 14px;
    }

.servicetxt02 .txt {
    padding: 25px 0;
    border-top: 1px solid #e7f0f4;
    border-bottom: 1px solid #e7f0f4;
    margin: 30px 0;
    line-height: 26px;
}

.servicetxt02 .ul {
    overflow: hidden;
}

    .servicetxt02 .ul li {
        float: left;
        width: 320px;
    }

        .servicetxt02 .ul li img {
            float: left;
            padding-top: 5px;
        }

        .servicetxt02 .ul li .info {
            padding-left: 115px;
        }

        .servicetxt02 .ul li .t1 {
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 5px;
        }

        .servicetxt02 .ul li .t2 {
            line-height: 18px;
        }

.servicetxt03 .ul {
    overflow: hidden;
}

    .servicetxt03 .ul li {
        border-bottom: 1px dotted #cfe0e8;
        padding-bottom: 30px;
        font-size: 14px;
        line-height: 26px;
        overflow: hidden;
    }

        .servicetxt03 .ul li + li {
            padding-top: 30px;
        }

    .servicetxt03 .ul .title {
        width: 78px;
        padding-left: 20px;
        height: 31px;
        line-height: 31px;
        background: url(../images/pic__valueadded.png);
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        margin: 10px 0 5px 0;
    }

    .servicetxt03 .ul .info {
        padding-right: 25px;
        width: 610px;
    }

        .servicetxt03 .ul .info .txt {
            padding-left: 20px;
        }

            .servicetxt03 .ul .info .txt > div {
                padding: 10px 0;
                font-size: 12px;
                font-weight: bold;
            }

                .servicetxt03 .ul .info .txt > div span {
                    display: inline-block;
                }

                    .servicetxt03 .ul .info .txt > div span + span {
                        padding-left: 45px;
                    }

    .servicetxt03 .ul .left .pic {
        float: left;
    }

    .servicetxt03 .ul .left .info {
        float: right;
    }

    .servicetxt03 .ul .right .pic {
        float: right;
    }

    .servicetxt03 .ul .right .info {
        float: left;
    }

.financetxt01 table {
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse;
    border-width: 0;
}

    .financetxt01 table th,
    .financetxt01 table td {
        border: 1px solid #d1e2e9;
        padding: 7px 0;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        width: 85px;
        white-space: nowrap;
    }

    .financetxt01 table .th {
        text-align: left;
        font-size: 12px;
        padding: 7px 15px
    }

    .financetxt01 table th {
        background: #f1f5f7;
        font-weight: bold;
        font-size: 14px;
    }

.researchtxt01 {
    line-height: 36px;
    padding-right: 300px;
    height: 224px;
    font-size: 14px;
    padding-top: 18px;
    margin-top: -18px;
}

.contacttxt01 {
    width: 520px;
    margin: 0 auto;
    overflow: hidden;
}

    .contacttxt01 li {
        border-bottom: 1px dotted #cfe0e8;
        overflow: hidden;
        padding: 20px 0 30px 0;
        font-size: 14px;
        color: #999;
        line-height: 30px;
    }

        .contacttxt01 li img {
            float: left;
            margin-right: 25px;
        }

        .contacttxt01 li .fl {
            float: left;
        }

        .contacttxt01 li .fr {
            float: right;
            width: 230px;
        }

        .contacttxt01 li span {
            color: #555;
        }

        .contacttxt01 li .info2 {
            padding-top: 25px;
        }

.diytxt {
}

    .diytxt a {
        color: #7faae4;
    }

    .diytxt .code {
        padding: 35px 0 20px;
    }

        .diytxt .code img {
            display: block;
            margin: 0 auto;
        }

    .diytxt .link {
        text-align: center;
    }

.contactTxt .txt {
    border-bottom: 1px dotted #ddd;
    padding-top: 20px;
    line-height: 20px;
}

.contactTxt .c {
    font-weight: bold;
}





.header {
    max-width: 1920px;
    background: url(../images/pic_headerbg.png) top center;
    height: 80px;
    margin: 0 auto;
}

    .header .auto {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .header .logo {
        float: left;
        margin-top: 18px;
    }

        .header .logo,
        .header .logo img {
            /*width: 170px;
            height: 35px;*/
        }

    .header .stock {
        float: left;
        color: #002870;
        padding: 35px 20px 0 20px;
        line-height: 22px;
    }

        .header .stock strong {
            font-size: 14px;
        }

    .header .nav {
        float: left;
        font-size: 12px;
        padding-top: 10px;
    }

        .header .nav .one > li {
            float: left;
            margin-left: 48px;
        }

            .header .nav .one > li > a {
                line-height: 68px;
                display: block;
                border-bottom: 2px solid #fff;
                font-size: 16px;
                color: #002870;
                font-weight: bold;
                position: relative;
            }

                .header .nav .one > li > a i {
                    display: none;
                }

        /*    .header .nav .one > li.on > a {
                border-color: #002870;
            }*/

            .header .nav .one > li > a:hover {
                border-color: #fff;
            }

            .header .nav .one > li:hover > a i {
                display: block;
                position: absolute;
                background: url(../images/pic_top_down_i.png);
                width: 12px;
                height: 6px;
                left: 50%;
                bottom: -2px;
                margin-left: -6px;
            }

        .header .nav .two {
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            top: 80px;
            background: url(../images/pic_topnavbg.png);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 185px 30px 185px;
            overflow: hidden;
            z-index: 90;
        }

            .header .nav .two > li {
                float: left;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 0;
                width: 25%;
                padding-top: 30px;
            }

                .header .nav .two > li > a {
                    display: inline-block;
                    font-size: 15px;
                    font-weight: bold;
                    color: #fff;
                    padding-bottom: 1px;
                }

                    .header .nav .two > li > a:hover {
                        color: #002870;
                        padding-bottom: 0;
                        border-bottom: 1px solid #002870;
                    }

            .header .nav .two.two3 {
                padding: 0 130px 30px 240px;
            }

        .header .nav .two4 .three dl, .header .nav .two5 .three dl {
            margin: 0;
            width: 155px;
            float: left;
        }

            .header .nav .two5 .three dl dt, .header .nav .two5 .three dl dd,
            .header .nav .two4 .three dl dt, .header .nav .two4 .three dl dd {
                margin: 0;
                width: 100%;
                float: left;
            }

            .header .nav .two4 .three dl dt, .header .nav .two5 .three dl dt {
                font-size: 16px;
                flex-flow: bold
            }

        .header .nav .two5 .three .block {
            padding-left: 10px;
        }

        .header .nav #nav5 .two5 .three .block {
            padding-left: 90px;
        }

        .header .nav .two2 {
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            top: 80px;
            background: url(../images/pic_topnavbg2.png);
            overflow: hidden;
            z-index: 90;
            padding-bottom: 10px;
        }

            .header .nav .two2 .tab li {
                float: left;
                width: 50%;
                text-align: center;
                border-bottom: 1px solid #c2d8e3;
            }

                .header .nav .two2 .tab li a {
                    display: block;
                    font-size: 16px;
                    font-weight: bold;
                    color: #fff;
                    line-height: 58px;
                    background: #6b9cb9;
                    position: relative;
                }

                .header .nav .two2 .tab li.on a {
                    background: none;
                }

                .header .nav .two2 .tab li a span {
                    display: inline-block;
                    position: relative;
                }

                .header .nav .two2 .tab li i {
                    display: block;
                    width: 100%;
                    height: 3px;
                    bottom: -2px;
                    position: relative;
                }

                .header .nav .two2 .tab li.on i {
                    background: #fff;
                }

        .header .nav .three {
            padding: 20px;
            text-align: center;
            font-size: 0;
        }

            .header .nav .three a {
                color: #fff;
                display: block;
                float: left;
                padding-left: 11px;
                background: left center no-repeat;
            }

            .header .nav .three .fr a {
                background-image: url(../images/button_top_down_off.png);
            }

            .header .nav .three .three64 a:nth-child(3) {
                display: none;
            }

            .header .nav .three .block {
                display: inline-block;
                font-size: 14px;
                text-align: left;
                line-height: 30px;
                padding-left: 50px;
            }

                .header .nav .three .block .clear {
                    padding-top: 10px;
                }

            .header .nav .three .fl {
                width: 120px;
                float: left;
            }

                .header .nav .three .fl a {
                    font-size: 15px;
                    font-weight: bold;
                }

            .header .nav .three .fr {
                float: left;
                margin-left: -25px;
                max-width: 1000px;
            }

                .header .nav .three .fr a {
                    margin-left: 25px;
                    width: 150px;
                    font-size: 14px;
                    text-align: left;
                }

        .header .nav .two2 a:hover {
            color: #002870;
            font-weight: bold;
        }

        .header .nav .two2 .list li + li {
            display: none;
        }

        .header .nav .three .fr a:hover {
            background-image: url(../images/button_top_down_on.png);
        }

        .header .nav #nav5 .three .fl {
            width: 140px;
        }

    .header .down {
        float: right;
        width: 260px;
        padding-top: 30px;
        color: #fff;
    }

        .header .down a {
            display: block;
            font-size: 14px;
            color: #fff;
        }

        .header .down .member {
            float: left;
            position: relative;
        }

            .header .down .member > a {
                background: url(../images/pic_member.png) left center no-repeat;
                padding-left: 30px;
                margin-right: 23px;
            }

                .header .down .member > a span {
                    display: block;
                    width: 85px;
                    background: url(../images/pic_header_down.png) right center no-repeat;
                }

            .header .down .member .ul {
                display: none;
                position: absolute;
                width: 240px;
                border: 1px solid #a8ccde;
                background: #87b2c7;
                z-index: 99;
                line-height: 35px;
            }

            .header .down .member:hover .ul {
                display: block;
            }

            .header .down .member .ul li + li {
                border-top: 1px solid #a8ccde;
            }

            .header .down .member .ul a {
                color: #555;
                font-size: 12px;
                color: #fff;
                padding: 0 10px;
            }

                .header .down .member .ul a:hover {
                    color: #fff;
                }

        .header .down .lang {
            float: left;
            position: relative;
            height: 24px;
        }

            .header .down .lang > a {
                background: url(../images/pic_lang.png) left center no-repeat;
                padding-left: 30px;
            }

                .header .down .lang > a span {
                    display: block;
                    width: 45px;
                    background: url(../images/pic_header_down.png) right center no-repeat;
                }

            .header .down .lang .ul {
                display: none;
                position: absolute;
                width: 100%;
                border: 1px solid #a8ccde;
                background: #87b2c7;
                z-index: 99;
                line-height: 35px;
            }

            .header .down .lang:hover .ul {
                display: block;
            }

            .header .down .lang .ul li + li {
                border-top: 1px solid #a8ccde;
            }

            .header .down .lang .ul a {
                color: #555;
                font-size: 12px;
                color: #fff;
                padding: 0 10px;
            }

                .header .down .lang .ul a:hover {
                    color: #fff;
                }

        .header .down .search {
            float: right;
            position: relative;
            height: 24px;
        }

            .header .down .search .click {
                width: 24px;
                height: 24px;
                background: url(../images/pic_search.png) center no-repeat;
                cursor: pointer;
            }

            .header .down .search .box {
                display: none;
                background: url(../images/pic_topsearch.png) left bottom no-repeat;
                position: absolute;
                width: 275px;
                height: 24px;
                padding: 6px 0 6px 5px;
                right: 0;
                top: 24px;
                z-index: 50;
                padding-top: 32px;
            }

                .header .down .search .box input {
                    display: block;
                    float: left;
                    width: 230px;
                    height: 24px;
                    line-height: 24px;
                    color: #555;
                }

                .header .down .search .box a {
                    position: absolute;
                    width: 45px;
                    height: 36px;
                    right: 0;
                    bottom: 0;
                }

.banner {
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.MainCont {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
}

.LeftMenu {
    float: left;
    width: 200px;
}

.Menu .column {
    line-height: 50px;
    background: url(../images/pic_menutopbg.png);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 0 75px 0 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .Menu .column a {
        color: #fff;
    }

.Menu .list a {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Menu .list .one > li {
    background: #f3f7f9;
}

    .Menu .list .one > li.btm {
        background: url(../images/menu_btmbg.png) !important;
        height: 50px;
        border-top: 1px solid #e7f0f4;
    }

    .Menu .list .one > li > a {
        line-height: 49px;
        height: 49px;
        font-size: 14px;
        color: #002870;
        font-weight: bold;
        padding: 0 32px;
    }

    .Menu .list .one > li + li > a {
        border-top: 1px solid #e7f0f4;
    }

    .Menu .list .one > li > a span {
        position: absolute;
        top: 0;
        right: 15px;
        width: 16px;
        height: 50px;
        background: url(../images/menu_more_off.png) right center no-repeat;
    }

    .Menu .list .one > li:hover > a,
    .Menu .list .one > li.on > a {
        background: #e7f0f4;
    }

    .Menu .list .one > li.level:hover > a span,
    .Menu .list .one > li.level.on > a span {
        background-image: url(../images/menu_more_on.png);
    }

.Menu .list .two {
    display: none;
    padding: 15px 0;
}

.Menu .list .on > .two {
    display: block;
}

.Menu .list .two > li > a {
    line-height: 35px;
    padding: 0 35px 0 43px;
}

    .Menu .list .two > li > a span {
        position: absolute;
        left: 20px;
        top: 0;
        height: 100%;
        width: 11px;
        background: url(../images/button_prodtwo_off.png) center no-repeat;
    }

    .Menu .list .two > li.on > a,
    .Menu .list .two > li > a:hover {
        background: url(../images/pic_prodtwobg.png) center no-repeat;
        color: #fff;
        font-weight: bold;
    }

        .Menu .list .two > li.on > a span,
        .Menu .list .two > li > a:hover span {
            background-image: url(../images/button_prodtwo_on_white.png);
        }

.Menu .list .two > li.on2 > a {
    background: none;
    color: #414446;
    font-weight: 500;
}

    .Menu .list .two > li.on2 > a span {
        background-image: url(../images/button_prodtwo_on.png);
    }

.Menu .list .three {
    display: none;
}

.Menu .list .on > .three {
    display: block;
}

.Menu .list .three > li > a {
    line-height: 30px;
    padding: 0 30px 0 55px;
}

    .Menu .list .three > li > a span {
        position: absolute;
        display: block;
        width: 3px;
        height: 3px;
        left: 45px;
        top: 50%;
        margin-top: -2px;
        background: #555;
    }

    .Menu .list .three > li.on > a,
    .Menu .list .three > li > a:hover {
        background: url(../images/pic_prodtwobg.png) center no-repeat;
        color: #fff;
        font-weight: bold;
    }

        .Menu .list .three > li.on > a span,
        .Menu .list .three > li > a:hover span {
            background: #fff;
        }

.Menu .list + .assist {
    padding-top: 24px;
}

.Menu .assist li + li {
    padding-top: 20px;
}

.Menu .assist a {
    display: block;
    height: 80px;
    text-align: right;
    padding-right: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    line-height: 80px;
}

.Menu .assist .prod a {
    background: url(../images/menu_product_pic.png);
}

.Menu .assist .about a {
    background: url(../images/menu_about_pic.png);
}

.Menu .assist .serv a {
    background: url(../images/menu_services_pic.png);
}

.Menu .assist .solu a {
    background: url(../images/menu_solution_pic.png);
}

.RightCont {
    float: right;
    width: 960px;
}

.Current {
    text-align: right;
    background: url(../images/pic_current.png) right center no-repeat;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding: 10px 15px 10px 0;
}

    .Current a {
        font-size: 12px;
        color: #999;
    }

        .Current a:hover,
        .Current span {
            color: #333;
        }

    .Current .s {
        background: url(../images/pic_currentnext.png) center no-repeat;
    }

.RightCont .Current {
    line-height: 30px;
    padding: 0 15px 0 0;
    border-bottom: 1px solid #e7f0f4;
}

    .RightCont .Current .name {
        float: left;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        border-bottom: 2px solid #87b2c7;
        position: relative;
        top: -1px;
        position: relative;
    }

        .RightCont .Current .name i {
            display: block;
            position: absolute;
            width: 4px;
            height: 4px;
            left: -10px;
            top: 50%;
            margin-top: -2px;
            background: url(../images/pic_columnname.png) left center no-repeat;
        }

.ClName {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
}

.ClMore a {
    display: block;
    background: url(../images/button_more.png) right center no-repeat;
    padding-right: 20px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #87b2c7;
    line-height: 20px;
}

.CenTitle {
    padding: 10px 0;
    position: relative;
    z-index: 1;
}

    .CenTitle.wire {
        padding-top: 15px;
        margin-top: 20px;
        border-top: 1px solid #e7f0f4;
    }

    .CenTitle .name {
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #555;
        line-height: 30px;
    }

    .CenTitleline,
    .CenTitle .line {
        width: 10px;
        height: 1px;
        background: #f68121;
        overflow: hidden;
        margin: 0 auto;
    }



.aboutChan {
    background: #f0f6f9;
    margin-top: 10px;
}

    .aboutChan .pic {
        float: right;
        position: relative;
    }

        .aboutChan .pic .cover {
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/pic_cover.png);
        }

        .aboutChan .pic img {
            display: block;
        }

        .aboutChan .pic,
        .aboutChan .pic img,
        .aboutChan .pic .cover {
            width: 380px;
            height: 235px;
        }

    .aboutChan .info {
        padding: 15px 0 15px 30px;
    }

        .aboutChan .info .txt {
            line-height: 28px;
            font-size: 14px;
            height: 140px;
            overflow: hidden;
            margin: 10px 0;
        }

.honorList {
    position: relative;
    padding: 20px 0;
}

    .honorList .btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .honorList .prev {
        left: 0;
        background-position: left top;
    }

        .honorList .prev:hover {
            background-position: left bottom;
        }

    .honorList .next {
        right: 0;
        background-position: right top;
    }

        .honorList .next:hover {
            background-position: right bottom;
        }

    .honorList .list {
        width: 856px;
        margin: 0 auto;
        overflow: hidden;
    }

        .honorList .list .ul li {
            float: left;
            width: 196px;
            margin-right: 24px;
        }

        .honorList .list .ul .pic {
            display: block;
            width: 196px;
            height: 151px;
            background: url(../images/pic_honorbg.png);
        }

            .honorList .list .ul .pic img {
                padding: 21px;
                width: 155px;
                height: 110px;
            }

        .honorList .list .ul .dot {
            display: block;
            text-align: center;
            padding-top: 10px;
            line-height: 20px;
            font-size: 14px;
            color: #555;
        }

            .honorList .list .ul .dot:hover {
                color: #002870;
            }

/*.storyList .tempWrap{ width:100%!important}
.storyList .list{ overflow:hidden; width:100%!important}*/

.storyList .list {
    overflow: hidden;
    width: 100%
}

    .storyList .list .ul {
        overflow: hidden;
        margin: 0 -25px;
    }

    .storyList .list li {
        width: 450px;
        float: left;
        overflow: hidden;
        margin: 15px 25px;
    }

    .storyList .list .pic {
        float: left;
        position: relative;
    }

        .storyList .list .pic a,
        .storyList .list .pic img {
            display: block;
            width: 194px;
            height: 110px;
        }

    .storyList .list .time {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 20px;
        line-height: 20px;
        background: url(../images/pic_storytime.png);
        color: #fff;
        padding-left: 5px;
        text-align: center;
    }

    .storyList .list .info {
        float: right;
        width: 240px;
    }

    .storyList .list .dot {
        display: block;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }

        .storyList .list .dot:hover {
            color: #002870;
        }

    .storyList .list .txt {
        line-height: 20px;
        color: #8c8c8c;
        height: 80px;
        overflow: hidden;
        text-justify: inter-ideograph;
        text-align: justify;
        word-wrap: break-word;
    }

.storyList .btnLine {
    position: relative;
}

    .storyList .btnLine .line {
        position: absolute;
        width: 100%;
        height: 1px;
        overflow: hidden;
        background: #e7f0f4;
        top: 50%;
    }

    .storyList .btnLine .btn {
        background: #fff;
        position: relative;
        z-index: 2;
        width: 58px;
        margin: 0 auto;
        overflow: hidden;
    }

    .storyList .btnLine a {
        display: block;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
        float: left;
    }

    .storyList .btnLine .prev {
        background-position: left top;
        margin-right: 10px;
    }

        .storyList .btnLine .prev:hover {
            background-position: left bottom;
        }

    .storyList .btnLine .next {
        background-position: right top;
    }

        .storyList .btnLine .next:hover {
            background-position: right bottom;
        }


.charmList {
    position: relative;
    padding: 15px 0;
}

    .charmList .btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .charmList .prev {
        left: 0;
        background-position: left top;
    }

        .charmList .prev:hover {
            background-position: left bottom;
        }

    .charmList .next {
        right: 0;
        background-position: right top;
    }

        .charmList .next:hover {
            background-position: right bottom;
        }

    .charmList .list {
        width: 894px;
        margin: 0 auto;
        overflow: hidden;
    }

        .charmList .list .ul li {
            float: left;
            width: 210px;
            margin-right: 18px;
        }

        .charmList .list .ul .pic {
            display: block;
            width: 210px;
            height: 142px;
            background: #87b2c7;
        }

            .charmList .list .ul .pic img {
                padding: 3px;
                width: 204px;
                height: 136px;
            }

        .charmList .list .ul .dot {
            display: block;
            text-align: center;
            padding-top: 10px;
            line-height: 20px;
            font-size: 14px;
            color: #555;
        }

            .charmList .list .ul .dot:hover {
                color: #002870;
            }


.newsList li {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #e7f0f4;
}

.newsList .pic {
    float: left;
    position: relative;
}

    .newsList .pic a,
    .newsList .pic img {
        display: block;
        width: 194px;
        height: 110px;
    }

.newsList .time {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 20px;
    line-height: 20px;
    background: url(../images/pic_storytime.png);
    color: #fff;
    padding-left: 5px;
    text-align: center;
}

.newsList .info {
    float: right;
    width: 745px;
}

.newsList .dot {
    display: block;
    font-size: 16px;
    color: #333;
}

    .newsList .dot:hover {
        color: #002870;
    }

.newsList .txt {
    line-height: 20px;
    margin: 15px 0;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.newsList .ico {
    overflow: hidden;
    line-height: 16px;
    color: #999;
}

.newsList .publi {
    float: left;
    padding-left: 16px;
    background: url(../images/pic_newspublisher.png) left center no-repeat;
}

.newsList .hits {
    float: left;
    padding-left: 27px;
    background: url(../images/pic_newshits.png) left center no-repeat;
}

.newsList .publi + .hits {
    margin-left: 25px;
}

.Pages {
    text-align: center;
    height: 35px;
    padding: 30px 0;
}

    .Pages > span {
        display: none;
    }

    .Pages > .p_page {
        display: inline-block;
    }

        .Pages > .p_page a {
            display: block;
            float: left;
            height: 33px;
            line-height: 33px;
            min-width: 18px;
            color: #666;
            font-size: 14px;
            margin: 0 5px;
            font-style: normal;
            border: 1px solid #ececec;
            padding: 0 20px;
        }

        .Pages > .p_page em {
            display: block;
            float: left;
            margin-left: 1px;
        }

            .Pages > .p_page em a {
                margin: 0 0 0 -1px;
                padding: 0 10px;
            }

        .Pages > .p_page a.a_cur,
        .Pages > .p_page a:hover {
            background: #f58221;
            color: #fff;
            border-color: #f58221;
        }

        .Pages > .p_page .a_prev,
        .Pages > .p_page .a_next {
            font-size: 0;
            padding: 0 10px;
        }

        .Pages > .p_page a div {
            display: block;
            width: 18px;
            height: 33px;
            background: url(../images/button_page.png);
        }

        .Pages > .p_page a .l {
            background-position: left top;
        }

        .Pages > .p_page a:hover .l {
            background-position: left bottom;
        }

        .Pages > .p_page a .r {
            background-position: right top;
        }

        .Pages > .p_page a:hover .r {
            background-position: right bottom;
        }

.projectList .ul {
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0 -21px 0 -21px;
    text-indent: 21px;
}

.projectList li {
    border: 1px solid #eae7e7;
    width: 290px;
    float: left;
    margin: 21px;
    text-indent: 0;
}

.projectList .pic {
    margin: 10px;
    position: relative;
}

    .projectList .pic a,
    .projectList .pic img {
        width: 270px;
        height: 180px;
        display: block;
    }

.projectList .time {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 32px;
    line-height: 32px;
    background: url(../images/pic_projecttime.png);
    color: #fff;
    padding-left: 44px;
    font-size: 14px;
}

.projectList .info {
    padding: 10px;
}

.projectList .title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #555;
    height: 40px;
    margin-bottom: 15px;
}

    .projectList .title:hover {
        color: #002870;
    }

.projectList .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    white-space: pre-line;
}

.projectList .more {
    display: block;
    width: 129px;
    height: 36px;
    background: url(../images/pic_projectmore.png);
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    top: 28px;
}

.lineMenu .joinMenu {
    overflow: hidden;
    border-bottom: 1px solid #e7f0f4;
}

.joinMenu {
    position: relative;
    z-index: 2;
}

    .joinMenu .ul {
        float: right;
        margin-top: 20px;
    }

        .joinMenu .ul li {
            width: 143px;
            height: 36px;
            line-height: 36px;
            background: url(../images/menu_join.png) bottom center;
            text-align: center;
            float: left;
            margin-right: -10px;
        }

            .joinMenu .ul li.last {
                margin-right: 0;
                background-image: url(../images/menu_join2.png);
            }

            .joinMenu .ul li.on,
            .joinMenu .ul li:hover {
                background-position: top center;
            }

            .joinMenu .ul li a {
                display: block;
                color: #fff;
                font-size: 16px;
                font-weight: bold;
            }

.jobsList .list > li.top {
    background: #87b2c7;
}

    .jobsList .list > li.top > .title {
        cursor: auto;
    }

        .jobsList .list > li.top > .title > .span {
            line-height: 40px;
            color: #fff;
            color: #fff;
            font-weight: bold;
        }

.jobsList .list > li + li {
    border-bottom: 1px solid #e8e8e8;
}

.jobsList .list > li > .title {
    cursor: pointer;
}

    .jobsList .list > li > .title > .span {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 50px;
        color: #555;
    }

    .jobsList .list > li > .title > .s1 {
        width: 230px;
        padding: 0 20px 0 30px;
    }

    .jobsList .list > li > .title > .s2 {
        width: 150px;
        padding-right: 20px;
    }

    .jobsList .list > li > .title > .s3 {
        width: 190px;
        padding-right: 20px;
    }

    .jobsList .list > li > .title > .s4 {
        width: 260px;
        padding-right: 40px;
        position: relative;
    }

        .jobsList .list > li > .title > .s4 .btn {
            width: 11px;
            height: 11px;
            position: absolute;
            top: 50%;
            margin-top: -5px;
            right: 25px;
            background: url(../images/button_jobs.png);
        }

        .jobsList .list > li > .title > .s4 .AbtnBox {
            margin-left: 70px;
            color: #555;
            padding: 8px 15px;
            background: #f58221;
            border-radius: 5px;
            color: White
        }

.jobsList .list > li.on > .title > .s4 .btn {
    background-position: left bottom;
}

.jobsList .list > li > .info {
    border-top: 1px solid #e8e8e8;
    background: #f9f9f9;
    display: none;
}

    .jobsList .list > li > .info .txtbox {
        padding: 10px 30px;
    }




.mapList {
    border: 1px solid #e8e8e8;
}

    .mapList .fl {
        float: left;
        width: 580px;
        padding: 10px;
        border-right: 1px solid #e8e8e8;
    }

        .mapList .fl #map {
            height: 418px;
        }

        .mapList .fl .BMap_bubble_title {
            font-size: 14px;
            font-weight: bold;
            color: #f68121;
        }

        .mapList .fl .BMap_bubble_content {
            line-height: 20px;
            max-height: 120px;
            overflow: hidden;
            font-size: 12px;
            white-space: pre-line;
        }

    .mapList .fr {
        float: right;
        width: 356px;
    }

        .mapList .fr .name {
            line-height: 58px;
            padding-left: 20px;
            font-weight: bold;
            font-size: 14px;
            border-bottom: 1px solid #e8e8e8;
        }

        .mapList .fr .btn {
            display: block;
            height: 39px;
            overflow: hidden;
        }

            .mapList .fr .btn span {
                display: block;
                width: 11px;
                height: 7px;
                margin: 16px auto;
            }

            .mapList .fr .btn:hover span {
                background-position: left bottom;
            }

        .mapList .fr .prev span {
            background-image: url(../images/button_mapprev.png);
        }

        .mapList .fr .next span {
            background-image: url(../images/button_mapnext.png);
        }

        .mapList .fr .list > .ul {
            border-top: 1px solid #e8e8e8;
            height: 300px;
            overflow: hidden;
        }

            .mapList .fr .list > .ul > li {
                border-bottom: 1px solid #e8e8e8;
            }

                .mapList .fr .list > .ul > li.on {
                    background: #f09345;
                    color: #fff;
                }

                .mapList .fr .list > .ul > li .dot {
                    line-height: 49px;
                    padding: 0 40px 0 20px;
                    font-size: 14px;
                    position: relative;
                    cursor: pointer;
                }

                    .mapList .fr .list > .ul > li .dot span {
                        display: block;
                        width: 11px;
                        height: 11px;
                        background: url(../images/button_map.png);
                        position: absolute;
                        right: 18px;
                        top: 50%;
                        margin-top: -5px;
                    }

                .mapList .fr .list > .ul > li .txtbox {
                    white-space: pre-line;
                }

                .mapList .fr .list > .ul > li.on .dot span {
                    background-position: left bottom;
                }

                .mapList .fr .list > .ul > li .info {
                    padding: 0 20px;
                    display: none;
                    height: 130px;
                    overflow: hidden;
                    margin-bottom: 20px;
                }

    .mapList + .txtbox {
        padding: 30px 0;
        border-bottom: 1px solid #e7f0f4;
    }

.jobsLink {
    text-align: center;
    font-size: 0;
    padding-top: 30px;
    width: 924px;
    margin: 0 auto;
}

    .jobsLink .ul {
        display: inline-block;
        font-size: 0;
    }

        .jobsLink .ul li {
            float: left;
            border: 1px solid #e8e8e8;
            margin: 6px;
        }

        .jobsLink .ul a {
            display: block;
        }

        .jobsLink .ul li,
        .jobsLink .ul a,
        .jobsLink .ul img {
            width: 140px;
            height: 75px;
        }

.shuftyList {
    position: relative;
    padding: 15px 0;
}

    .shuftyList .btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .shuftyList .prev {
        left: 0;
        background-position: left top;
    }

        .shuftyList .prev:hover {
            background-position: left bottom;
        }

    .shuftyList .next {
        right: 0;
        background-position: right top;
    }

        .shuftyList .next:hover {
            background-position: right bottom;
        }

    .shuftyList .list {
        width: 853px;
        margin: 0 auto;
        overflow: hidden;
    }

        .shuftyList .list .ul li {
            float: left;
            width: 196px;
            margin-right: 23px;
        }

        .shuftyList .list .ul .pic {
            display: block;
            width: 196px;
            height: 148px;
            background: #87b2c7;
        }

            .shuftyList .list .ul .pic img {
                padding: 3px;
                width: 190px;
                height: 142px;
            }

        .shuftyList .list .ul .dot {
            display: block;
            text-align: center;
            padding-top: 10px;
            line-height: 20px;
            font-size: 14px;
            color: #555;
        }

            .shuftyList .list .ul .dot:hover {
                color: #002870;
            }

.seniorVideo {
    overflow: hidden;
    padding-top: 30px;
}

    .seniorVideo .fl {
        float: left;
        position: relative;
    }

        .seniorVideo .fl,
        .seniorVideo .fl .play,
        .seniorVideo .fl .play .pic img,
        .seniorVideo .fl .btn {
            width: 580px;
            height: 320px;
        }

            .seniorVideo .fl .play,
            .seniorVideo .fl .play .pic img,
            .seniorVideo .fl .btn {
                position: absolute;
            }

            .seniorVideo .fl .play {
                z-index: 2;
            }

            .seniorVideo .fl .btn {
                background: url(../images/pic_videobg.png);
                cursor: pointer;
            }

                .seniorVideo .fl .btn img {
                    display: block;
                    margin: 131px auto;
                }

    .seniorVideo .fr {
        float: right;
        width: 380px;
        background: url(../images/pic_videofrbg.png);
        height: 320px;
    }

        .seniorVideo .fr .CenTitle {
            float: left;
            padding: 42px 0 0 33px;
        }

        .seniorVideo .fr .txtbox {
            padding: 33px;
        }

.contactMap {
    overflow: hidden;
    border: 1px solid #e8e8e8;
    margin-top: 20px;
}

    .contactMap .fl {
        float: left;
        padding: 10px;
        width: 610px;
        border-right: 1px solid #e8e8e8;
    }

        .contactMap .fl #map {
            height: 540px;
        }

        .contactMap .fl .BMap_bubble_title {
            font-size: 14px;
            color: #cc5522;
            font-weight: bold;
        }

        .contactMap .fl .mapTxt {
            line-height: 16px;
            padding: 8px 0;
        }

    .contactMap .fr {
        float: right;
        width: 327px;
        margin-left: -1px;
        border-left: 1px solid #e8e8e8;
        padding-bottom: 20px;
    }

        .contactMap .fr .tab {
            height: 47px;
            border-bottom: 1px solid #e8e8e8;
            position: relative;
        }

            .contactMap .fr .tab .name {
                display: block;
                line-height: 47px;
                height: 47px;
                position: relative;
                padding: 0 45px 0 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                cursor: pointer;
                font-size: 14px;
                font-weight: bold;
            }

                .contactMap .fr .tab .name span {
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 40px;
                    height: 47px;
                    border-left: 1px solid #e8e8e8;
                    background: url(../images/button_contactmap.png) center no-repeat;
                }

            .contactMap .fr .tab .ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background: #fff;
                z-index: 1;
                width: 100%;
                border-top: 1px solid #e8e8e8;
                max-height: 300px;
                overflow: auto;
            }

                .contactMap .fr .tab .ul li {
                    line-height: 29px;
                    padding: 0 20px;
                    border-bottom: 1px solid #e8e8e8;
                    cursor: pointer;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

        .contactMap .fr .list {
        }

            .contactMap .fr .list > .ul > li {
                padding: 0 20px;
            }

                .contactMap .fr .list > .ul > li + li {
                    display: none;
                }

                .contactMap .fr .list > .ul > li > .hide {
                    display: none;
                }


.NewsTopics {
    padding-top: 50px;
    overflow: hidden;
}

    .NewsTopics .News {
        width: 498px;
        border: 1px solid #e8e8e8;
        padding: 20px 30px;
        position: relative;
        float: left;
        height: 138px;
    }

        .NewsTopics .News .ClMore {
            float: right;
            margin-right: -15px;
        }

        .NewsTopics .News .list {
            padding-top: 20px;
        }

            .NewsTopics .News .list li a {
                display: block;
                border-bottom: 1px dotted #eee;
                line-height: 30px;
                font-size: 14px;
                color: #87b2c7;
            }

            .NewsTopics .News .list li span {
                float: right;
                width: 415px;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #555;
            }

            .NewsTopics .News .list li a:hover span {
                color: #87b2c7;
            }

    .NewsTopics .Topics {
        width: 600px;
        float: right;
        height: 180px;
        position: relative;
    }

        .NewsTopics .Topics .column {
            position: absolute;
            right: 20px;
            top: 21px;
            width: 285px;
            z-index: 9;
        }

        .NewsTopics .Topics .ClMore {
            float: right;
        }

        .NewsTopics .Topics .pic {
            position: relative;
            float: left;
        }

            .NewsTopics .Topics .pic,
            .NewsTopics .Topics .pic a,
            .NewsTopics .Topics .pic img {
                width: 270px;
                height: 180px;
                display: block;
            }

        .NewsTopics .Topics .time {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            width: 85px;
            height: 32px;
            line-height: 32px;
            background: url(../images/pic_projecttime.png);
            color: #fff;
            padding-left: 44px;
            font-size: 14px;
        }

        .NewsTopics .Topics .info {
            border: 1px solid #eee;
            height: 178px;
            float: right;
            width: 284px;
            border-left: none;
            padding: 0 20px 0 25px;
        }

        .NewsTopics .Topics .title {
            display: block;
            margin: 60px 0 5px 0;
            font-size: 14px;
            font-weight: bold;
            color: #555;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .NewsTopics .Topics .title:hover {
                color: #002870;
            }

        .NewsTopics .Topics .txt {
            font-size: 12px;
            line-height: 24px;
            height: 48px;
            overflow: hidden;
            white-space: pre-line;
        }

        .NewsTopics .Topics .tab {
            position: absolute;
            right: 0;
            bottom: 20px;
            width: 300px;
        }

            .NewsTopics .Topics .tab li {
                cursor: pointer;
                width: 10px;
                height: 10px;
                background: url(../images/button_topics.png) right center;
                float: left;
                margin-right: 7px;
            }

                .NewsTopics .Topics .tab li.on {
                    background-position: left center;
                }

.aboutColumn .ul {
    overflow: hidden;
    padding-top: 50px;
}

    .aboutColumn .ul li {
        float: left;
        width: 300px;
        height: 200px;
        position: relative;
    }

        .aboutColumn .ul li img {
            width: 300px;
            height: 200px;
        }

        .aboutColumn .ul li + li {
            border-left: 1px solid #fff;
            width: 299px;
        }

            .aboutColumn .ul li + li img {
                width: 299px;
                height: 200px;
            }

    .aboutColumn .ul a {
        display: block;
    }

    .aboutColumn .ul .ClName {
        display: block;
        position: absolute;
        left: 30px;
        top: 20px;
        z-index: 1;
    }

    .aboutColumn .ul .more {
        position: absolute;
        z-index: 1;
        right: 15px;
        bottom: 11px;
        background: url(../images/button_more20.png);
        width: 20px;
        height: 20px;
    }

.prodTop {
    width: 960px;
    height: 240px;
    background: url(../images/pic_soludbg.png);
    margin-top: 20px;
    overflow: hidden;
    color: #fff;
}





    /*.prodTop .pic{ float:left;    margin-top: 5px;    margin-left: 5px;}*/

    /*.prodTop .pic img{ width: 380px;    height: 228px;}*/



    .prodTop .pic {
        float: left;
        padding: 30px;
        width: 240px;
        height: 180px;
    }

        .prodTop .pic img {
            width: 240px;
            height: 180px;
        }





    .prodTop .info {
        float: right;
        width: 560px;
        padding: 40px 70px 40px 0;
    }

    .prodTop .dot {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        padding-top: 10px;
    }

    .prodTop .txt {
        font-size: 14px;
        white-space: pre-line;
        line-height: 24px;
        height: 96px;
        overflow: hidden;
    }

.prodSearch {
    overflow: hidden;
    margin-top: 8px;
    position: relative;
    z-index: 2;
    float: right;
    width: 238px;
}

    .prodSearch .button {
        float: right;
        display: block;
        width: 38px;
        height: 32px;
        background: url(../images/button_prodsearch.png);
        -webkit-appearance: none;
        cursor: pointer;
    }

    .prodSearch .text {
        width: 200px;
        height: 31px;
        line-height: 31px;
        border-bottom: 1px solid #e7e7e7;
        font-size: 12px;
        color: #999;
        float: right;
    }

.pordList1 .ul li {
    border-bottom: 1px dotted #cfe0e8;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.pordList1 .ul .pic {
    float: left;
}

    .pordList1 .ul .pic,
    .pordList1 .ul .pic img {
        width: 180px;
        height: 135px;
        display: block;
    }

.pordList1 .ul .info {
    width: 755px;
    float: right;
    overflow: hidden;
}

.pordList1 .ul .dot {
    display: block;
    font-size: 14px;
    color: #555;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 9px;
}

    .pordList1 .ul .dot:hover {
        color: #002870;
    }

.pordList1 .ul .txt {
    font-size: 12px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    white-space: pre-line;
    margin-bottom: 20px;
}

.pordList1 .ul .sub {
    margin-right: -50px;
}

    .pordList1 .ul .sub .ico {
        float: left;
        overflow: hidden;
        margin: 5px 50px 0 0;
    }

        .pordList1 .ul .sub .ico a {
            display: block;
            float: left;
        }

        .pordList1 .ul .sub .ico img {
            width: 30px;
            height: 30px;
            display: block;
        }

        .pordList1 .ul .sub .ico .title {
            padding: 10px 0 0 3px;
            line-height: 20px;
        }

.pordList1 .ul .sub2 {
    margin-right: -125px;
}

    .pordList1 .ul .sub2 a {
        display: block;
        float: left;
        padding-left: 10px;
        width: 305px;
        margin-right: 125px;
        background: url(../images/button_prodlist3.png) left center no-repeat;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 32px;
        font-size: 14px;
    }

.pordList1.soluList { /* padding-top:50px;*/
}

    .pordList1.soluList .dot {
        margin-top: 20px;
    }

.pordList1.soluIndex li {
    padding-bottom: 5px;
    min-height: 145px;
}

.pordList1.soluIndex .more {
    overflow: hidden;
    padding-top: 15px;
}

    .pordList1.soluIndex .more a {
        display: block;
        float: right;
        background: url(../images/button_solumore.png) right center no-repeat;
        padding-right: 12px;
        font-size: 14px;
        color: #555;
    }

.pordList2 {
    overflow: hidden;
    padding-top: 20px;
}

    .pordList2 .ul li {
        float: left;
        width: 200px;
        margin-right: 53px;
        padding-bottom: 30px;
    }

        .pordList2 .ul li.last {
            margin-right: 0;
        }

        .pordList2 .ul li a {
            display: block;
        }

        .pordList2 .ul li .pic,
        .pordList2 .ul li .pic img {
            display: block;
            width: 198px;
            height: 148px;
        }

        .pordList2 .ul li .pic {
            border: 1px solid #e7f0f4;
        }

        .pordList2 .ul li .title {
            height: 40px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            margin-top: 10px;
        }

.prodInfo {
    padding-top: 20px;
}

    .prodInfo .fl {
        float: left;
        width: 402px;
    }

        .prodInfo .fl .bigPic {
            border: 1px solid #e7f0f4;
        }

            .prodInfo .fl .bigPic,
            .prodInfo .fl .bigPic img {
                display: block;
                width: 400px;
                height: 300px;
            }

        .prodInfo .fl .list {
            position: relative;
            height: 80px;
            width: 342px;
            margin: 8px auto 0 auto;
        }

            .prodInfo .fl .list li {
                float: left;
                width: 106px;
                height: 80px;
                margin-right: 8px;
                cursor: pointer;
            }

                .prodInfo .fl .list li img {
                    width: 104px;
                    height: 78px;
                    border: 1px solid #e7f0f4;
                    display: block;
                }

            .prodInfo .fl .list .btn {
                display: block;
                position: absolute;
                top: 50%;
                margin-top: -12px;
                width: 24px;
                height: 24px;
                background: url(../images/button_hover.png);
                cursor: pointer;
            }

            .prodInfo .fl .list .prev {
                left: -30px;
                background-position: left top;
            }

                .prodInfo .fl .list .prev:hover {
                    background-position: left bottom;
                }

            .prodInfo .fl .list .next {
                right: -30px;
                background-position: right top;
            }

                .prodInfo .fl .list .next:hover {
                    background-position: right bottom;
                }

    .prodInfo .fr {
        float: right;
        width: 520px;
    }

        .prodInfo .fr .title {
            background: url(../images/button_prodlist3.png) left center no-repeat;
            border-bottom: 1px dotted #cfe0e8;
            padding: 10px 0 10px 15px;
            font-size: 16px;
            color: #333;
            font-weight: bold;
        }

        .prodInfo .fr .info {
            min-height: 286px;
            border-bottom: 1px dotted #cfe0e8;
            padding-top: 15px;
        }

            .prodInfo .fr .info .txtbox {
                padding: 20px 0;
            }

        .prodInfo .fr .btn {
            overflow: hidden;
            padding-top: 10px;
        }

            .prodInfo .fr .btn .consult,
            .prodInfo .fr .btn .share {
                display: block;
                float: right;
                width: 120px;
                height: 36px;
                line-height: 36px;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                background: url(../images/button_homemore.png);
                text-align: center;
            }

.prodI56px; background:url(../images/button_pordshare.png);
}

.prodInfo .showTab {
    padding-top: 40px;
}

    .prodInfo .showTab .list .txtbox table {
        width: 100%;
        border-collapse: collapse;
    }

    .prodInfo .showTab .list .txtbox {
        overflow: auto;
    }

        .prodInfo .showTab .list .txtbox tr td:first-child {
            white-space: normal;
            width: auto !important;
        }

        .prodInfo .showTab .list .txtbox tr td {
            width: auto !important;
            border: 1px solid;
        }

            .prodInfo .showTab .list .txtbox tr td div {
                padding: 4px 10px;
            }

    .prodInfo .showTab .list > li {
        border: 1px solid #e7f0f4;
        padding: 25px;
    }

.prodInfo .downList .list span.s1 {
    width: 368px;
}

.prodLabel {
    overflow: hidden;
    position: relative;
    top: -25px;
    border-bottom: 1px solid #e7f0f4;
    padding: 0 320px 5px 70px;
}

    .prodLabel .ul {
        overflow: hidden;
        height: 30px;
    }

        .prodLabel .ul li {
            float: left;
            margin-left: 25px;
            padding-bottom: 5px;
        }

            .prodLabel .ul li a {
                display: block;
                font-size: 15px;
                font-weight: bold;
                padding: 0 20px;
                float: left;
                max-width: 300px;
                position: relative;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: center;
            }

                .prodLabel .ul li a span {
                    position: absolute;
                    height: 30px;
                    width: 10px;
                    right: 0;
                    top: 0;
                }

                .prodLabel .ul li a:hover,
                .prodLabel .ul li.on a {
                    color: #fff;
                    background: url(../images/button_prodlabel.png);
                }

                    .prodLabel .ul li a:hover span,
                    .prodLabel .ul li.on a span {
                        background: url(../images/button_prodlabel.png) right;
                    }

    .prodLabel .more {
        position: absolute;
        right: 268px;
        color: #f58221;
        line-height: 30px;
        padding: 0px 10px;
        cursor: pointer;
        border-radius: 4px;
        font-size: 15px;
    }

    .prodLabel.on ul {
        height: auto;
    }

    .prodLabel #PLid0 {
        position: absolute;
        left: 0;
        margin-left: 0;
    }

.GoList {
    margin: 20px 0;
    text-align: center;
    line-height: 0;
    position: relative;
}

.newsInfo .GoList {
    margin: 20px 0;
    text-align: center;
    line-height: 0;
    position: relative;
}

    .newsInfo .GoList:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: -20px;
        width: 100%;
        height: 4px;
        background: url(../images/cp.png)repeat-x;
    }

.GoList a {
    margin: 0 20px;
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    background: url(../images/button_golist.png);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
/*.GoList .new_span a{width:auto;background:none;color:#87b2c7;}*/
.GoList .new_span a {
    width: 320px;
    background: none;
    color: #87b2c7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.GoList .new_infospan { /*color:#87b2c7;width:auto;background:none;*/
    background: url(../images/button_golist.png);
}

.GoList .new_span1 {
    float: left;
    margin-left: 0;
}

.GoList .new_span2 {
    float: right;
    margin-right: 0;
}

.relatedList {
    position: relative;
    paddingmin-: 15px 0;
}

    .relatedList .btn, .btn-btn .btn {
        display: block;
        position: absolute;
        top: 75px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .relatedList .prev {
        left: 0;
        background-position: left top;
    }

        .relatedList .prev:hover {
            background-position: left bottom;
        }

    .relatedList .next {
        right: 0;
        background-position: right top;
    }

        .relatedList .next:hover {
            background-position: right bottom;
        }

    .relatedList .list {
        width: 881px;
        margin: 0 auto;
        overflow: hidden;
    }

        .relatedList .list .ul li {
            float: left;
            width: 200px;
            margin-right: 27px;
        }

        .relatedList .list .ul .pic {
            display: block;
            width: 200px;
            height: 132px;
            background: #e7f0f4;
        }

            .relatedList .list .ul .pic img {
                padding: 1px;
                width: 198px;
                height: 130px;
            }

        .relatedList .list .ul .title {
            display: block;
            text-align: center;
            padding-top: 10px;
            height: 40px;
            line-height: 20px;
            font-size: 14px;
            color: #555;
        }

            .relatedList .list .ul .title:hover {
                color: #002870;
            }


.soluTop {
    width: 960px;
    height: 240px;
    background: url(../images/pic_soludbg.png);
    margin-top: 20px;
    overflow: hidden;
    color: #fff;
}

    .soluTop .pic {
        float: left;
        padding: 30px;
    }

        .soluTop .pic,
        .soluTop .pic img {
            width: 240px;
            height: 180px;
        }

    .soluTop .info {
        float: right;
        width: 560px;
        padding: 40px 70px 40px 0;
    }

    .soluTop .dot {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        padding-top: 10px;
    }

    .soluTop .txt {
        font-size: 14px;
        white-space: pre-line;
        line-height: 24px;
        height: 96px;
        overflow: hidden;
    }

.soluInfo {
    padding-top: 20px;
}

    .soluInfo > .title {
        font-size: 16px;
        font-weight: bold;
        color: #555;
        text-align: center;
    }

    .soluInfo > .Hits {
        font-size: 12px;
        color: #555;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px dotted #cfe0e8;
        margin-bottom: 20px;
    }

    .soluInfo > .txtbox {
        min-height: 250px;
    }

.service {
    overflow: hidden;
    margin-top: -15px;
}

    .service .ul {
        margin-right: -40px;
    }

        .service .ul li {
            float: left;
            width: 580px;
            margin: 20px 40px 20px 0;
            background: #f0f6f9;
            overflow: hidden;
            position: relative;
        }

        .service .ul a {
            display: block;
        }

        .service .ul .pic {
            float: left;
        }

            .service .ul .pic,
            .service .ul .pic img {
                display: block;
                width: 283px;
                height: 158px;
            }

        .service .ul .ico {
            position: absolute;
            width: 72px;
            height: 72px;
            background: url(../images/button_service_round.png);
            top: 50%;
            margin-top: -36px;
            left: 247px;
        }

            .service .ul .ico img {
                display: block;
                width: 48px;
                height: 48px;
                padding: 12px;
            }

        .service .ul .info {
            float: right;
            padding: 25px;
            width: 210px;
        }

        .service .ul .dot {
            font-size: 16px;
            font-weight: bold;
        }

        .service .ul .txt {
            font-size: 14px;
            padding-top: 5px;
            line-height: 22px;
            height: 66px;
            overflow: hidden;
            white-space: pre-line;
        }

        .service .ul .more {
            position: absolute;
            right: 15px;
            bottom: 10px;
            width: 20px;
            height: 20px;
            background: url(../images/button_more20.png);
        }


.newsInfo {
    padding-top: 20px;
}

    .newsInfo > .title {
        font-size: 16px;
        font-weight: bold;
        color: #555;
        text-align: center;
    }

    .newsInfo > .Hits {
        font-size: 12px;
        color: #555;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px dotted #cfe0e8;
        margin-bottom: 20px;
    }

    .newsInfo > .txtbox {
        min-height: 250px;
    }

    .newsInfo .videobox {
        margin-bottom: 20px;
    }

        .newsInfo .videobox iframe {
            height: 100% !important;
        }

    .newsInfo > .videobox + script + .txtbox {
        min-height: 0;
    }


.valueAdded {
    width: 740px;
    margin: 0 auto;
    padding-top: 10px;
}

    .valueAdded .tip {
        text-align: center;
        font-size: 14px;
        padding: 20px 0;
    }

    .valueAdded .ul {
        overflow: hidden;
    }

        .valueAdded .ul li {
            border: 1px solid #cfe0e9;
            padding: 12px 20px;
            margin: 14px 7px;
            line-height: 24px;
            font-size: 14px;
        }

            .valueAdded .ul li .txt {
                float: left;
            }

                .valueAdded .ul li .txt span {
                    color: Red;
                }

            .valueAdded .ul li .box {
                padding-left: 5.5em;
            }

            .valueAdded .ul li.t2 .box {
                padding-left: 3.5em;
            }

            .valueAdded .ul li .text {
                width: 100%;
                height: 24px;
                line-height: 24px;
            }

            .valueAdded .ul li.fl {
                width: 314px;
                float: left;
            }

            .valueAdded .ul li.fr {
                width: 314px;
                float: right;
            }

                .valueAdded .ul li.fr + li {
                    clear: both;
                }

            .valueAdded .ul li label {
                margin-left: 40px;
            }

    .valueAdded .submit a {
        display: block;
        width: 120px;
        height: 36px;
        line-height: 36px;
        background: url(../images/button_submit.png);
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin: 10px auto;
    }

.downList .search {
    background: #f7fafb;
    padding: 20px 180px;
    margin-bottom: 30px;
    border: 1px solid #e7f0f4;
    margin-top: 15px;
    padding-bottom: 5px;
}

    .downList .search .box {
        background: url(../images/pic_downloadsearch.png);
        height: 24px;
        padding: 13px 60px 13px 20px;
        position: relative;
    }

        .downList .search .box input {
            height: 24px;
            width: 100%;
            line-height: 24px;
        }

        .downList .search .box a {
            display: block;
            position: absolute;
            width: 60px;
            height: 50px;
            right: 0;
            top: 0;
        }

    .downList .search .key {
        font-size: 0;
        width: 560px;
        margin: 0 auto;
        padding-top: 15px;
        line-height: 24px;
    }

        .downList .search .key * {
            color: #999;
            font-size: 12px;
        }

        .downList .search .key a + a {
            margin-left: 27px;
        }

.downList .tag .ul {
    overflow: hidden;
    font-size: 14px;
    border-left: 1px solid #e7f0f4;
    border-right: 1px solid #e7f0f4;
}

.downList .tag li {
    border-bottom: 1px solid #e7f0f4;
    padding: 12px 2%;
    line-height: 30px;
}

    .downList .tag li:first-child {
        border-top: 1px solid #e7f0f4;
    }

.downList .tag .fl {
    float: left;
}

.downList .tag .fr {
    margin: -2px 0 -2px;
    padding-left: 100px;
    position: relative;
}

.downList .tag a {
    display: block;
    float: left;
    position: relative;
    padding: 0 15px;
    line-height: 30px;
    margin: 2px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
}

    .downList .tag a i {
        display: block;
        width: 10px;
        position: absolute;
        right: 0;
        top: 0;
        height: 30px;
    }

    .downList .tag a.on,
    .downList .tag a:hover {
        background: url(../images/button_downlabel.png) left center;
        color: #fff;
    }

        .downList .tag a.on i,
        .downList .tag a:hover i {
            background: url(../images/button_downlabel.png) right center;
        }

.downList .tag .fr .box {
    overflow: hidden;
    height: 34px;
    padding-right: 80px;
}

.downList .tag .fr.on .box {
    height: auto;
    padding-right: 0;
}

.downList .tag .more {
    width: 85px;
    position: absolute;
    line-height: 30px;
    right: 0;
    background: url(../images/button_downlabel_more.png) right no-repeat;
    padding-left: 15px;
    top: 2px;
    color: #fff;
    cursor: pointer;
}

.downList .tag .on .more {
    position: static;
    float: right;
}

.downList .list {
    margin-top: 25px;
}

    .downList .list li.top {
        height: 40px;
        line-height: 40px;
        background: #87b2c7;
    }

        .downList .list li.top span {
            height: 40px;
            color: #fff;
            font-weight: bold;
        }

    .downList .list li {
        overflow: hidden;
    }

        .downList .list li a {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .downList .list li + li {
            line-height: 47px;
            border-top: 1px solid #e7f0f4;
        }

    .downList .list span {
        display: block;
        float: left;
        height: 47px;
        text-align: center;
        width: 100px;
        font-size: 14px;
    }

        .downList .list span.s1 {
            width: 420px;
            padding-left: 20px;
            text-align: left;
        }

        .downList .list span.s5 {
            width: 120px;
        }

        .downList .list span.s6 a {
            display: block;
            height: 47px;
            background: url(../images/button_down_off.png) center no-repeat;
        }

            .downList .list span.s6 a:hover {
                background-image: url(../images/button_down_on.png);
            }

.faqList .box {
    background: #f7fafb;
    margin-top: -1px;
    padding: 20px 10px;
}

    .faqList .box .txt {
        float: left;
        line-height: 36px;
        width: 95px;
        font-size: 14px;
    }

    .faqList .box .select {
        width: 300px;
        height: 36px;
        background: url(../images/pic_faqbg.png);
        float: left;
        position: relative;
    }

        .faqList .box .select span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 55px 0 15px;
            line-height: 36px;
            cursor: pointer;
        }

        .faqList .box .select .ul {
            display: none;
            position: absolute;
            width: 298px;
            border: 1px solid #bfd6e1;
            background: #fff;
            top: 35px;
            max-height: 309px;
            overflow: auto;
            z-index: 3;
        }

            .faqList .box .select .ul li {
                cursor: pointer;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding: 0 15px;
                line-height: 30px;
            }

                .faqList .box .select .ul li + li {
                    border-top: 1px solid #e7f0f4;
                }

    .faqList .box .search {
        width: 290px;
        height: 24px;
        background: url(../images/pic_faqsearch.png);
        float: left;
        margin-left: 17px;
        padding: 6px 45px 6px 14px;
        position: relative;
    }

        .faqList .box .search input {
            display: block;
            height: 24px;
            width: 100%;
        }

        .faqList .box .search a {
            display: block;
            position: absolute;
            width: 45px;
            right: 0;
            top: 0;
            height: 36px;
        }

.faqList .list {
    padding-top: 18px;
}

    .faqList .list .title {
        width: 140px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: url(../images/pic_faq_title.png);
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        z-index: 2;
    }

    .faqList .list .ul {
        border-top: 1px dotted #cfe0e8;
        margin-top: -1px;
        padding-top: 10px;
    }

        .faqList .list .ul li {
            padding-top: 10px;
        }

        .faqList .list .ul .q {
            padding-left: 50px;
            position: relative;
            cursor: pointer;
        }

            .faqList .list .ul .q i {
                display: block;
                width: 24px;
                height: 24px;
                background: url(../images/pic_q_off.png);
                position: absolute;
                left: 10px;
                top: 0;
            }

            .faqList .list .ul .q .dot {
                border-bottom: 1px solid #e7f0f4;
                padding-right: 25px;
                background: url(../images/button_faqlist_off.png) right center no-repeat;
                font-size: 14px;
            }

        .faqList .list .ul .on .q i {
            background-image: url(../images/pic_q_on.png);
        }

        .faqList .list .ul .on .q .dot {
            background-image: url(../images/button_faqlist_on.png);
        }

        .faqList .list .ul .a {
            display: none;
            background: #f3f7f9;
            position: relative;
        }

            .faqList .list .ul .a i {
                display: block;
                width: 24px;
                height: 24px;
                background: url(../images/pic_a.png);
                position: absolute;
                left: 10px;
                top: 25px;
            }

            .faqList .list .ul .a .info {
                padding: 25px 10px 25px 50px; /* white-space:pre-line;*/
            }

.announcement {
}

    .announcement .topselect {
        width: 180px;
        height: 36px;
        background: url(../images/pic_announcement.png);
        position: relative;
        margin: 20px 0 -10px 0;
    }

        .announcement .topselect span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 50px 0 15px;
            font-size: 14px;
            cursor: pointer;
            line-height: 36px;
        }

        .announcement .topselect .ul {
            display: none;
            position: absolute;
            width: 178px;
            border: 1px solid #bfd6e1;
            background: #fff;
            top: 35px;
            max-height: 309px;
            overflow: auto;
            z-index: 3;
        }

            .announcement .topselect .ul li {
                cursor: pointer;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding: 0 15px;
                line-height: 30px;
            }

                .announcement .topselect .ul li a {
                    display: block;
                }

                .announcement .topselect .ul li + li {
                    border-top: 1px solid #e7f0f4;
                }

    .announcement .list {
        padding-top: 20px;
    }

        .announcement .list li {
            margin: 0 -6px;
            padding: 0 6px;
        }

        .announcement .list a {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 39px;
            border-bottom: 1px solid #e7f0f4;
            font-size: 14px;
            background: url(../images/pic_announcement_li.png) left center no-repeat;
            padding-left: 10px;
        }

        .announcement .list span {
            float: right;
            font-size: 12px;
            display: block;
        }

        .announcement .list .time {
            width: 70px;
            padding-left: 45px;
            color: #999;
        }

        .announcement .list .pdf {
            height: 39px;
            width: 16px;
            margin-left: 50px;
            background: url(../images/logo_pdf_off.png) no-repeat center;
        }

        .announcement .list li:hover {
            background: #f3f7f9;
        }

            .announcement .list li:hover .pdf {
                background-image: url(../images/logo_pdf_on.png);
            }

.researchForm {
    padding-top: 10px;
}

    .researchForm .ul li {
        margin-bottom: 15px;
    }

    .researchForm .fl {
        float: left;
        width: 420px;
    }

    .researchForm .fr {
        float: right;
        width: 460px;
    }

    .researchForm .txt {
        float: left;
        line-height: 40px;
        font-size: 14px;
        text-align: right;
        position: relative;
    }

        .researchForm .txt i {
            color: red;
            display: inline-block;
            padding-right: 5px;
            position: relative;
            top: 3px;
        }

    .researchForm .box {
        border: 1px solid #cfe0e9;
        float: right;
        padding: 7px 5px;
        height: 24px;
        width: 300px;
        position: relative;
    }

    .researchForm .submit {
        float: right;
        width: 312px;
    }

        .researchForm .submit a {
            display: block;
            width: 120px;
            height: 36px;
            line-height: 36px;
            background: url(../images/button_submit.png);
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            margin-top: 20px;
        }

    .researchForm .box .text {
        width: 100%;
        height: 24px;
        line-height: 24px;
    }

    .researchForm .fl .txt {
        width: 98px;
    }

    .researchForm .fr .txt {
        width: 138px;
    }

    .researchForm .txt .float {
        position: absolute;
        line-height: 20px;
        right: 9px;
        top: 25px;
        font-size: 12px;
    }

    .researchForm .box2 {
        height: 80px;
    }

        .researchForm .box2 textarea {
            width: 100%;
            height: 80px;
            line-height: 20px;
            font-family: airal,"";
        }

    .researchForm .select .span {
        position: absolute;
        left: 0;
        top: 0;
        width: 240px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 55px 0 15px;
        line-height: 38px;
        cursor: pointer;
        background: url(../images/pic_researchselect.png) right no-repeat;
    }

    .researchForm .select .ul {
        display: none;
        position: absolute;
        width: 310px;
        border: 1px solid #bfd6e1;
        background: #fff;
        top: 38px;
        max-height: 185px;
        overflow: auto;
        z-index: 3;
        left: -1px;
    }

        .researchForm .select .ul li {
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 15px;
            line-height: 30px;
            margin-bottom: 0;
        }

            .researchForm .select .ul li + li {
                border-top: 1px solid #e7f0f4;
            }

.researchList li {
    overflow: hidden;
    border-bottom: 1px solid #e7f0f4;
    line-height: 40px;
}

    .researchList li.top {
        border-top: 1px solid #e7f0f4;
        padding-left: 24px;
        background: #f3f7f9;
    }

        .researchList li.top .time {
            font-size: 14px;
            color: #555;
        }

    .researchList li .time {
        float: right;
        display: block;
        width: 88px;
        padding-left: 50px;
        font-size: 12px;
        color: #999;
    }

    .researchList li a {
        display: block;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 20px;
        background: url(../images/pic_announcement_li.png) left center no-repeat;
    }

.dividend .box {
    background: #f6f9fb;
    border-bottom: 1px solid #e7f0f4;
    border-right: 1px solid #e7f0f4;
}

.dividend .d1,
.dividend .d3 {
    float: left;
}

.dividend .d2,
.dividend .d4 {
    float: right;
}

.dividend .d1,
.dividend .d2,
.dividend .d3,
.dividend .d4 {
    height: 92px;
    border-left: 1px solid #e7f0f4;
    border-top: 1px solid #e7f0f4;
}

    .dividend .d1 .fl {
        float: left;
        width: 50%;
        padding: 22px 5%;
        line-height: 48px;
        text-align: center;
    }

        .dividend .d1 .fl span {
            display: inline-block;
            padding-right: 15px;
            font-size: 30px;
            font-weight: bold;
        }

    .dividend .d1 .fr {
        float: left;
        width: 35%;
        padding: 22px 5% 22px 0;
        line-height: 24px;
        font-size: 14px;
    }

    .dividend .d2 .txt {
        float: left;
        width: 20%;
        padding: 22px 0 22px 5%;
        line-height: 24px;
    }

    .dividend .d2 .t1 {
        font-size: 12px;
    }

    .dividend .d2 .t2 {
        font-size: 18px;
    }

.dividend .d3 {
    font-size: 14px;
}

    .dividend .d3 .top {
        padding: 22px 6% 0 6%;
        line-height: 24px;
    }

        .dividend .d3 .top span {
            display: inline-block;
        }

            .dividend .d3 .top span + span {
                padding-left: 20px;
            }

    .dividend .d3 .time {
        padding: 0 6%;
    }

.dividend .d4 .txt {
    float: left;
    width: 28.333%;
    font-size: 14px;
    padding: 22px 0 22px 5%;
}

    .dividend .d4 .txt span {
        font-size: 18px;
    }

.dividend .box .red {
    color: #ec0404;
}

.dividend .box .green {
    color: #119300;
}

.dividend .d1 .red span {
    background: url(../images/pic_red.png) right center no-repeat;
}

.dividend .d1 .green span {
    background: url(../images/pic_green.png) right center no-repeat;
}

.inveCon {
    overflow: hidden;
}

    .inveCon .announcement {
        float: left;
        width: 570px;
    }

        .inveCon .announcement .list {
            padding: 5px 0 10px 0;
        }

    .inveCon .dividend {
        float: right;
        width: 600px;
    }

        .inveCon .dividend .d1,
        .inveCon .dividend .d3 {
            width: 217px;
        }

        .inveCon .dividend .d2,
        .inveCon .dividend .d4 {
            width: 380px;
        }

        .inveCon .dividend .box {
            margin: 18px 0 10px 0;
        }

    .inveCon .t35 {
        padding-top: 35px;
    }

    .inveCon .financial {
        float: right;
        width: 600px;
    }

        .inveCon .financial .box img {
            display: block;
            height: 196px;
            width: 600px;
            margin: 9px 0 10px 0;
        }

.comList {
    padding-top: 40px;
    clear: both;
    overflow: hidden;
}

    .comList .ul {
        overflow: hidden;
    }

        .comList .ul li {
            width: 298px;
            height: 200px;
            border: 1px solid #e7f0f4;
            float: left;
        }

            .comList .ul li + li {
                width: 299px;
                border-left: none;
            }

            .comList .ul li a {
                display: block;
                height: 200px;
                text-align: center;
            }

        .comList .ul .pic {
            padding-top: 30px;
        }

            .comList .ul .pic img {
                display: block;
                width: 80px;
                height: 80px;
                margin: 0 auto;
            }

        .comList .ul .t1 {
            font-size: 16px;
            font-weight: bold;
        }

        .comList .ul .t2 {
            font-size: 14px;
        }

.learList {
    padding-top: 45px;
}

    .learList .ul {
        overflow: hidden;
    }

        .learList .ul li {
            position: relative;
        }

            .learList .ul li a {
                display: block;
            }

            .learList .ul li .pic,
            .learList .ul li .pic img {
                width: 100%;
                height: 200px;
                display: block;
            }

            .learList .ul li .ico {
                position: absolute;
                left: 50px;
                top: 45px;
            }

                .learList .ul li .ico,
                .learList .ul li .ico img {
                    width: 80px;
                    height: 80px;
                }

            .learList .ul li .dot {
                position: absolute;
                left: 50px;
                top: 125px;
                width: 80px;
                text-align: center;
                font-weight: bold;
                font-size: 16px;
                color: #fff;
            }

        .learList .ul .li1 {
            float: left;
            width: 570px;
        }

        .learList .ul .li2 {
            float: right;
            width: 600px;
        }

.diviPage {
    padding-top: 20px;
}

    .diviPage .dividend .box {
        width: 700px;
        float: left;
    }

    .diviPage .dividend .d1,
    .diviPage .dividend .d3 {
        width: 228px;
    }

    .diviPage .dividend .d2,
    .diviPage .dividend .d4 {
        width: 470px;
    }

    .diviPage .dividend .d1,
    .diviPage .dividend .d2,
    .diviPage .dividend .d3,
    .diviPage .dividend .d4 {
        height: 80px;
    }

        .diviPage .dividend .d1 .fl {
            padding: 13px 5%;
        }

        .diviPage .dividend .d1 .fr {
            padding: 13px 5% 13px 0;
        }

        .diviPage .dividend .d2 .txt {
            padding: 13px 0 13px 5%
        }

        .diviPage .dividend .d3 .top {
            padding-top: 13px;
        }

        .diviPage .dividend .d4 .txt {
            padding: 13px 0 13px 5%
        }

    .diviPage .report {
        float: right;
    }

        .diviPage .report,
        .diviPage .report a,
        .diviPage .report img {
            display: block;
            width: 244px;
            height: 200px;
        }

.fotter {
    background: url(../images/pic_footer_bg.png) center;
    height: 415px;
}

    .fotter .wid {
        width: 1200px;
        margin: 0 auto;
        padding-top: 45px;
        height: 310px;
    }

    .fotter .nav {
        float: left;
    }

        .fotter .nav .dl {
            float: left;
            width: 165px;
        }

            .fotter .nav .dl dt {
                border-bottom: 1px solid #dbe7ed;
                padding-bottom: 10px;
                margin-bottom: 10px;
            }

                .fotter .nav .dl dt span {
                    display: block;
                    float: left;
                    position: relative;
                }

                    .fotter .nav .dl dt span i {
                        position: absolute;
                        width: 100%;
                        border-bottom: 1px solid #87b2c7;
                        top: 35px;
                    }

                .fotter .nav .dl dt a {
                    color: #162d66;
                    font-size: 16px;
                    line-height: 24px;
                }

            .fotter .nav .dl dd {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .fotter .nav .dl dd a {
                    display: inline-block;
                    line-height: 30px;
                }

        .fotter .nav .d2 {
            width: 330px;
        }

            .fotter .nav .d2 dt {
                text-align: center;
                position: relative;
            }

                .fotter .nav .d2 dt a {
                    display: block;
                    width: 230px;
                }

                .fotter .nav .d2 dt i {
                    position: absolute;
                    width: 230px;
                    border-bottom: 1px solid #87b2c7;
                    top: 35px;
                    left: 0;
                }

            .fotter .nav .d2 dd {
                width: 230px;
            }

            .fotter .nav .d2 .fl {
                float: left;
                width: 80px;
            }

            .fotter .nav .d2 .fr {
                float: right;
                width: 80px;
            }

            .fotter .nav .d2 .more {
                padding-right: 12px;
                background: url(../images/button_solumore.png) right center no-repeat;
            }

    .fotter .info {
        float: right;
        width: 280px;
    }

        .fotter .info .tel span {
            display: block;
            text-align: right;
            color: #162d66;
            font-size: 16px;
        }

        .fotter .info .tel .pic {
            overflow: hidden;
        }

            .fotter .info .tel .pic img {
                height: 30px;
                float: right;
                display: block;
                max-width: 100%;
            }

        .fotter .info .query {
            overflow: hidden;
            padding-top: 25px;
        }

            .fotter .info .query a {
                display: block;
                width: 190px;
                height: 40px;
                background: url(../images/button_query.png);
                float: right;
                font-weight: bold;
                font-size: 14px;
                color: #fff;
                text-align: center;
                line-height: 40px;
            }

        .fotter .info .rss {
            padding-top: 25px;
        }

            .fotter .info .rss .txt {
                text-align: right;
                color: #162d66;
            }

            .fotter .info .rss .sub {
                width: 250px;
                height: 24px;
                background: url(../images/button_rss.png);
                float: right;
                padding: 8px 0 8px 14px;
                position: relative;
            }

                .fotter .info .rss .sub input {
                    display: block;
                    float: left;
                    width: 185px;
                    height: 24px;
                    line-height: 24px;
                }

                .fotter .info .rss .sub a {
                    display: block;
                    position: absolute;
                    height: 40px;
                    top: 0;
                    right: 0;
                    width: 60px;
                    line-height: 40px;
                    font-size: 14px;
                    font-weight: bold;
                    color: #fff;
                    text-align: center;
                }

        .fotter .info .ico {
            float: right;
            padding-top: 25px;
            width: 190px;
        }

            .fotter .info .ico a {
                display: block;
                width: 37px;
                height: 36px;
                position: relative;
                float: left;
            }

                .fotter .info .ico a + a {
                    margin-left: 14px;
                }

                .fotter .info .ico a .pic {
                    display: none;
                    width: 130px;
                    height: 135px;
                    background: url(../images/pic_code_bg.png);
                    position: absolute;
                    left: 50%;
                    margin-left: -65px;
                    bottom: 100%;
                }

                    .fotter .info .ico a .pic img {
                        width: 120px;
                        height: 120px;
                        display: block;
                        margin: 5px;
                    }

                .fotter .info .ico a:hover .pic {
                    display: block;
                }

            .fotter .info .ico .youku {
                background: url(../images/button_youku.png);
            }

            .fotter .info .ico .weibo {
                background: url(../images/button_weibo.png);
            }

            .fotter .info .ico .weixin {
                background: url(../images/button_weixin.png);
            }

            .fotter .info .ico .in {
                background: url(../images/button_in.png);
            }

            .fotter .info .ico .douyin {
                background: url(../images/douyin.png);
            }

    .fotter .copyright {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        padding: 18px 0;
        line-height: 24px;
    }

        .fotter .copyright .fl {
            float: left;
        }

            .fotter .copyright .fl > * {
                display: block;
                float: left;
                color: #fff;
            }

            .fotter .copyright .fl em {
                height: 5px;
                border-left: 1px dotted #aec5ce;
                position: relative;
                top: 9px;
                margin: 0 10px;
            }

        .fotter .copyright .fr {
            float: right;
            color: #fff;
        }

            .fotter .copyright .fr a {
                color: #fff;
            }

.partnerQuery {
    width: 640px;
    margin: 60px auto 0 auto;
    border: 1px solid #e7f0f4;
    position: relative;
    font-size: 14px;
    padding-bottom: 35px;
}

    .partnerQuery .top {
        padding: 0 120px;
    }

    .partnerQuery .ico {
        width: 140px;
        height: 140px;
        background: url(../images/pic_partner_query.png);
        position: absolute;
        left: -40px;
        top: -30px;
    }

    .partnerQuery .txt01 {
        padding-top: 25px;
        line-height: 24px;
    }

    .partnerQuery .select {
        width: 219px;
        height: 36px;
        background: url(../images/pic_pqselect.png);
        position: relative;
    }

        .partnerQuery .select span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 55px 0 15px;
            line-height: 36px;
            cursor: pointer;
        }

        .partnerQuery .select .ul {
            display: none;
            position: absolute;
            width: 217px;
            border: 1px solid #bfd6e1;
            background: #fff;
            top: 35px;
            max-height: 154px;
            overflow: auto;
            z-index: 3;
        }

            .partnerQuery .select .ul li {
                cursor: pointer;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding: 0 15px;
                line-height: 30px;
            }

                .partnerQuery .select .ul li + li {
                    border-top: 1px solid #e7f0f4;
                }

    .partnerQuery .search {
        width: 340px;
        height: 24px;
        background: url(../images/pic_pqsearch.png);
        padding: 6px 45px 6px 15px;
        position: relative;
    }

        .partnerQuery .search input {
            display: block;
            height: 24px;
            width: 100%;
        }

        .partnerQuery .search a {
            display: block;
            position: absolute;
            width: 45px;
            right: 0;
            top: 0;
            height: 36px;
        }

    .partnerQuery .txt02 {
        color: #999;
        font-size: 12px;
        padding-top: 10px;
    }

    .partnerQuery .box {
        padding: 30px 30px 0 30px;
        text-align: center;
    }

    .partnerQuery .txt03 {
        line-height: 0;
        font-size: 0;
        border-bottom: 1px solid #e7f0f4;
    }

        .partnerQuery .txt03 span {
            display: inline-block;
            position: relative;
            line-height: 36px;
            font-size: 16px;
            font-weight: bold;
            color: #555;
        }

            .partnerQuery .txt03 span i {
                display: block;
                position: absolute;
                left: 0;
                width: 100%;
                bottom: -1px;
                border-bottom: 2px solid #87b2c7;
            }

    .partnerQuery .pic {
        display: block;
        height: 100px;
    }

    .partnerQuery .succ .pic {
        background: url(../images/ico_succ.png) center no-repeat;
    }

    .partnerQuery .fail .pic {
        background: url(../images/ico_fail.png) center no-repeat;
    }

.searchList .top {
    width: 600px;
    height: 50px;
    padding: 20px 180px 30px 180px;
    background: #f7fafb;
    margin-top: -1px;
}

    .searchList .top .search {
        height: 24px;
        background: url(../images/pic_searchlist.png);
        padding: 13px 60px 13px 15px;
        position: relative;
    }

        .searchList .top .search input {
            display: block;
            height: 24px;
            width: 100%;
            font-size: 14px;
        }

        .searchList .top .search a {
            display: block;
            position: absolute;
            width: 60px;
            right: 0;
            top: 0;
            height: 60px;
        }

.searchList .list .title {
    font-size: 14px;
    padding-top: 10px;
    line-height: 30px;
    border-bottom: 1px solid #e7f0f4;
}

    .searchList .list .title span {
        color: #f58221;
        padding-right: 5px;
    }

.searchList .list .dl dt {
    padding-left: 20px;
    background: url(../images/pic_searchlistli.png) left center no-repeat;
    font-size: 15px;
    font-weight: bold;
    color: #87b2c7;
    line-height: 40px;
    margin-top: 15px;
}

.searchList .list .dl dd a {
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #e7f0f4;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .searchList .list .dl dd a:hover {
        background: #f7fafb;
    }

.searchList .list .dl dd .time {
    float: right;
    padding: 0 5px 0 20px;
    font-size: 12px;
}

.searchList .list .dl dd .column {
    float: left;
    width: 140px;
    margin: 0 10px 0 5px;
    padding-left: 15px;
    background: url(../images/pic_announcement_li.png) left center no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Page404 {
    background: #f7f9fa;
}

    .Page404 .wid {
        width: 1000px;
        margin: 0 auto;
        height: 610px;
        background: url(../images/pic_404.png);
    }

        .Page404 .wid .txt {
            padding: 375px 0 0 115px;
            line-height: 20px;
            color: #999;
            font-size: 14px;
        }

            .Page404 .wid .txt span {
                color: #555;
            }

        .Page404 .wid .index a {
            display: block;
            width: 120px;
            height: 36px;
            line-height: 36px;
            background: url(../images/button_404.png);
            text-align: center;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 30px auto;
        }

.domestic {
    padding-top: 20px;
}

    .domestic .fl {
        float: left;
        width: 700px;
        overflow: hidden;
    }

    .domestic .fr {
        float: right;
        width: 230px;
    }

    .domestic .select {
        width: 230px;
        height: 36px;
        background: url(../images/pic_domesticselect.png);
        position: relative;
    }

        .domestic .select span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 40px 0 10px;
            line-height: 36px;
            cursor: pointer;
        }

        .domestic .select .ul {
            display: none;
            position: absolute;
            width: 228px;
            border: 1px solid #bfd6e1;
            background: #fff;
            top: 35px;
            max-height: 309px;
            overflow: auto;
            z-index: 3;
        }

            .domestic .select .ul li {
                cursor: pointer;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 30px;
            }

                .domestic .select .ul li + li {
                    border-top: 1px solid #e7f0f4;
                }

                .domestic .select .ul li a {
                    display: block;
                    padding: 0 15px;
                }

    .domestic .list {
        padding-top: 17px;
    }

        .domestic .list .btn {
            display: block;
            position: relative;
            height: 30px;
            background: url(../images/button_domestic_border.png);
        }

            .domestic .list .btn span {
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -5px 0 0 -11px;
                width: 21px;
                height: 11px;
            }

            .domestic .list .btn:hover span {
                background-position: left bottom;
            }

        .domestic .list .prev span {
            background: url(../images/button_domestic_prev.png);
        }

        .domestic .list .next span {
            background: url(../images/button_domestic_next.png);
        }

        .domestic .list .next {
            background-position: left bottom;
        }

        .domestic .list .ul {
            border-left: 1px solid #dbe8ee;
            border-right: 1px solid #dbe8ee;
            height: 480px;
            overflow: hidden;
            text-indent: 10px;
        }

            .domestic .list .ul li {
                margin: 0 8px;
                border-bottom: 1px solid #dbe8ee;
                border-top: 1px solid #dbe8ee;
                text-indent: 0;
            }

                .domestic .list .ul li + li {
                    border-top: none;
                    line-height: 22px;
                }

            .domestic .list .ul .box {
                padding: 15px;
                margin: 0 -8px;
                font-size: 14px;
            }

                .domestic .list .ul .box:hover {
                    background: #f58221;
                    color: #fff;
                }

            .domestic .list .ul .title {
                font-weight: bold;
            }

            .domestic .list .ul .info {
                white-space: pre-line;
                font-size: 12px;
            }

.HomeTitle {
    padding: 35px 0;
    position: relative;
    z-index: 1;
}

    .HomeTitle .name {
        text-align: center;
        font-size: 22px;
        color: #12295b;
        line-height: 46px;
    }

    .HomeTitle .line2 {
        border-bottom: 1px solid #e8eef2;
        position: relative;
        top: 1px;
        position: relative;
        z-index: 1;
    }

    .HomeTitle .line {
        width: 10px;
        height: 1px;
        background: #f68121;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

.HomeMore {
    overflow: hidden;
}

    .HomeMore a {
        display: block;
        float: right;
        width: 120px;
        height: 36px;
        background: url(../images/button_homemore.png);
        text-align: center;
        line-height: 36px;
        font-size: 12px;
        color: #fff;
    }

#banner {
    height: 478px;
}

    #banner .ul li {
        height: 478px;
        background-position: center;
    }

        #banner .ul li a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            #banner .ul li a img {
                position: relative;
                width: 1920px;
                height: 478px;
                left: 50%;
                margin-left: -960px;
            }

    #banner .bx-wrapper {
        position: relative;
    }

    #banner .bx-controls {
        margin-top: -55px;
    }

    #banner .bx-pager {
        text-align: center;
    }

    #banner .bx-pager-item {
        display: inline-block;
    }

    #banner .bx-pager-link {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../images/button_banner_off.png) no-repeat;
        overflow: hidden;
        line-height: 140px;
    }

        #banner .bx-pager-link.active {
            background: url(../images/button_banner_on.png) no-repeat;
        }

    #banner .bx-controls {
        position: absolute;
        z-index: 999;
        width: 100%;
        text-align: center;
    }

    #banner .bx-prev,
    #banner .bx-next {
        top: -230px;
        position: absolute;
        width: 58px;
        height: 90px;
    }

    #banner .bx-prev {
        left: 20px;
        background: url(../images/button_bannerleft_off.png);
    }

        #banner .bx-prev:hover {
            background-image: url(../images/button_bannerleft_on.png);
        }

    #banner .bx-next {
        right: 20px;
        background: url(../images/button_bannerright_off.png);
    }

        #banner .bx-next:hover {
            background-image: url(../images/button_bannerright_on.png);
        }

.aboutHome .fl {
    float: left;
    width: 580px;
}

.aboutHome .fr {
    float: right;
    width: 580px;
}

.aboutHome .auto1200 {
    padding-bottom: 60px;
    overflow: hidden;
}

.aboutHome .fl li {
    overflow: hidden;
    padding-bottom: 20px;
}

.aboutHome .fl .pic {
    float: left;
    position: relative;
}

    .aboutHome .fl .pic a,
    .aboutHome .fl .pic img {
        display: block;
        width: 194px;
        height: 110px;
    }

.aboutHome .fl .time {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 20px;
    line-height: 20px;
    background: url(../images/pic_storytime.png);
    color: #fff;
    padding-left: 5px;
    text-align: center;
}


.aboutHome .fl .info {
    float: right;
    width: 365px;
    border-bottom: 1px solid #e5e5e5;
    height: 109px;
    position: relative;
}

.aboutHome .fl .dot {
    display: block;
    font-size: 16px;
    color: #333;
}

    .aboutHome .fl .dot:hover {
        color: #002870;
    }

.aboutHome .fl .txt {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin: 15px 0;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}


.videobox {
    margin: 0 auto;
}

    .videobox,
    .videobox .play,
    .videobox .play .pic img,
    .videobox .btn,
    .videobox iframe {
        width: 580px;
        height: 320px;
    }

        .videobox .play,
        .videobox .play .pic img,
        .videobox .btn {
            position: absolute;
        }

        .videobox .play {
            z-index: 2;
        }

        .videobox .btn {
            background: url(../images/pic_videobg.png);
            cursor: pointer;
        }

            .videobox .btn img {
                display: block;
                margin: 131px auto;
            }


.aboutHome .fr {
    position: relative;
}

    .aboutHome .fr .list li + li {
        display: none;
    }

    .aboutHome .fr .list .info {
        width: 390px;
    }

        .aboutHome .fr .list .info .dot {
            display: block;
            font-size: 16px;
            margin-top: 35px;
            font-weight: bold;
        }

        .aboutHome .fr .list .info .txt {
            color: #666;
            line-height: 20px;
            padding-top: 10px;
        }

            .aboutHome .fr .list .info .txt a {
                color: #f58221;
            }

    .aboutHome .fr .HomeMore {
        position: absolute;
        right: 0;
        bottom: 2px;
    }

    .aboutHome .fr .tab {
        position: absolute;
        right: 0;
        overflow: hidden;
        top: 325px;
    }

        .aboutHome .fr .tab .ul {
            float: right;
        }

        .aboutHome .fr .tab li {
            line-height: 30px;
            background: url(../images/button_video_off.png) left center;
            padding: 0 20px;
            cursor: pointer;
            float: left;
            color: #666;
            font-size: 14px;
            max-width: 160px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
        }

            .aboutHome .fr .tab li + li {
                margin-left: -15px;
            }

            .aboutHome .fr .tab li.on {
                background-image: url(../images/button_video_on.png);
                color: #fff;
                font-weight: bold;
            }

.aboutHome .section-title {
    text-align: left !important;
    margin-bottom: 20px;
}

.aboutHome .section-left {
    margin-top: 3%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.section-title {
    line-height: 30px;
}

.section-left {
    float: left;
    width: 40%;
    position: relative;
    overflow: hidden;
    padding-top: 50px
}

.section-right {
    float: right;
    width: 60%;
    position: relative;
    overflow: hidden;
    padding-top: 50px
}

    .section-right img {
        max-width: 100%
    }

.section-wrap-block .s-content .s-title {
    font-size: 24px;
    background: #87b2c7;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    padding: 20px 0 20px 50px;
}

.section-wrap-block .s-content .s-desc {
    padding: 10px 20px 0 40px;
    text-align: left;
}
/*.aboutHome .section-left{background: url(../images/02.png) right bottom no-repeat;}*/
.section-wrap-block .section-title span::after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 4px;
    width: 50px;
    background-color: red;
    left: 0;
}

.section-wrap-block {
    width: 100%;
    margin: 0 auto;
}

.section-desc {
    width: 90%;
    line-height: 2;
    text-align: left;
    font-size: 16px;
}

.section-title {
    letter-spacing: 4px;
    margin-bottom: 10px;
    font-size: 1.5vw;
    font-weight: bold;
    color: #002886;
    position: relative;
    padding-bottom: 10px;
}

.section2 .section-title {
    text-align: left;
    margin-bottom: 40px;
}

.section-title span:after {
    content: '';
    position: absolute;
    bottom: -10px;
    height: 4px;
    width: 50px;
    background-color: red;
    left: 0;
}

.section-title-s {
    font-size: 1.2vw;
    color: #000000;
    margin-bottom: 2.5vw;
}




.ProdSolu {
    background: #f9fbfc;
}

    .ProdSolu .icobox {
        position: relative;
        height: 120px;
    }

        .ProdSolu .icobox .more {
            position: absolute;
            right: -25px;
            top: 0;
            background: #f9fbfc;
            width: 130px;
            cursor: pointer;
            z-index: 1;
        }

        .ProdSolu .icobox .list {
            overflow: hidden;
            height: 100px;
            width: 1260px;
            margin: 0 -30px;
        }

            .ProdSolu .icobox .list.on {
                position: absolute;
                z-index: 2;
                min-height: 435px;
                height: auto;
                background: url(../images/pic_pordsolu_bg.png) center;
                overflow: visible;
            }

                .ProdSolu .icobox .list.on .topbg,
                .ProdSolu .icobox .list.on .bottombg {
                    width: 100%;
                    height: 20px;
                    position: absolute;
                    left: 0;
                }

                .ProdSolu .icobox .list.on .topbg {
                    background: url(../images/pic_pordsolu_topbg.png);
                    top: -20px;
                }

                .ProdSolu .icobox .list.on .bottombg {
                    background: url(../images/pic_pordsolu_bottombg.png);
                    bottom: -20px;
                }

            .ProdSolu .icobox .list li {
                float: left;
                width: 130px;
                margin: 0 5px 25px 5px;
            }

            .ProdSolu .icobox .list a {
                display: block;
            }

        .ProdSolu .icobox .pic img {
            display: block;
            margin: 0 auto;
            width: 64px;
            height: 64px;
        }

        .ProdSolu .icobox .pic .on {
            display: none;
        }

        .ProdSolu .icobox .dot {
            font-size: 16px;
            color: #6d8ea0;
            text-align: center;
            line-height: 26px;
        }

        .ProdSolu .icobox .more:hover .dot,
        .ProdSolu .icobox li:hover a {
            color: #0d8fd2;
        }

        .ProdSolu .icobox .more:hover .off,
        .ProdSolu .icobox li:hover .off {
            display: none;
        }

        .ProdSolu .icobox .more:hover .on,
        .ProdSolu .icobox li:hover .on {
            display: block;
        }

    .ProdSolu .infobox {
        padding-bottom: 30px;
    }

        .ProdSolu .infobox .fl {
            float: left;
            width: 580px;
            position: relative;
        }

            .ProdSolu .infobox .fl li {
                position: relative;
            }

                .ProdSolu .infobox .fl li .pic,
                .ProdSolu .infobox .fl li .pic img {
                    width: 580px;
                    height: 320px;
                }

                .ProdSolu .infobox .fl li a {
                    display: block;
                }

                .ProdSolu .infobox .fl li .dot {
                    position: absolute;
                    left: 15px;
                    bottom: 30px;
                    width: 550px;
                    color: #fff;
                    font-size: 14px;
                }

            .ProdSolu .infobox .fl .bx-controls {
                position: absolute;
                left: 15px;
                bottom: 20px;
            }

                .ProdSolu .infobox .fl .bx-controls .bx-pager-item {
                    float: left;
                    width: 7px;
                    height: 7px;
                }

                    .ProdSolu .infobox .fl .bx-controls .bx-pager-item + .bx-pager-item {
                        margin-left: 6px;
                    }

                    .ProdSolu .infobox .fl .bx-controls .bx-pager-item a {
                        display: block;
                        width: 7px;
                        height: 7px;
                        font-size: 0;
                        background: url(../images/button_pordsolu.png);
                    }

                        .ProdSolu .infobox .fl .bx-controls .bx-pager-item a.active {
                            background-position: right;
                        }

        .ProdSolu .infobox .fr {
            width: 585px;
            float: right;
        }

            .ProdSolu .infobox .fr li {
                border: 1px solid #e8eef2;
                background: #fff;
                padding: 13px;
            }

                .ProdSolu .infobox .fr li + li {
                    margin-top: 13px;
                }

                .ProdSolu .infobox .fr li a {
                    display: block;
                }

                .ProdSolu .infobox .fr li .pic {
                    float: left;
                }

                    .ProdSolu .infobox .fr li .pic img {
                        width: 70px;
                        height: 70px;
                        display: block;
                    }

                .ProdSolu .infobox .fr li .info {
                    padding-left: 105px;
                }

                .ProdSolu .infobox .fr li .line {
                    float: left;
                    height: 38px;
                    border-left: 1px dashed #c5c6db;
                    margin: 16px 0 0 -20px;
                }

                .ProdSolu .infobox .fr li .dot {
                    font-size: 16px;
                    color: #333;
                }

                    .ProdSolu .infobox .fr li .dot:hover {
                        color: #002870;
                    }

                .ProdSolu .infobox .fr li .txt {
                    line-height: 20px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

        .ProdSolu .infobox .HomeMore {
            padding-top: 20px;
        }

.ServeHome .list .ul {
    overflow: hidden;
}

.ServeHome .list li {
    float: left;
    width: 283px;
    background: #87b2c7;
}

    .ServeHome .list li + li {
        margin-left: 22px;
    }

    .ServeHome .list li a {
        display: block;
    }

    .ServeHome .list li img {
        display: block;
    }

    .ServeHome .list li .pic,
    .ServeHome .list li .pic img {
        width: 283px;
        height: 158px;
    }

    .ServeHome .list li .ico {
        height: 66px;
        background: url(../images/pic_servehomebg_off.png) center no-repeat;
        margin-top: -26px;
        position: relative;
        z-index: 1;
    }

        .ServeHome .list li .ico img {
            margin: 0 auto;
            padding: 9px;
            width: 48px;
            height: 48px;
        }

        .ServeHome .list li .ico .ico_on {
            display: none;
        }

    .ServeHome .list li .dot {
        font-size: 16px;
        color: #fff;
        text-align: center;
        padding-bottom: 20px;
    }

    .ServeHome .list li:hover {
        background: #cde5f1;
    }

        .ServeHome .list li:hover .ico {
            background-image: url(../images/pic_servehomebg_on.png);
        }

            .ServeHome .list li:hover .ico .ico_on {
                display: block;
            }

            .ServeHome .list li:hover .ico .ico_off {
                display: none;
            }

        .ServeHome .list li:hover a {
            color: #f58221;
        }

.Project {
    padding-bottom: 70px;
}

    .Project .list {
        position: relative;
    }

        .Project .list li,
        .Project .list li a,
        .Project .list li img {
            display: block;
            width: 1200px;
            height: 158px;
        }

        .Project .list .bx-pager {
            position: absolute;
            left: 45px;
            bottom: 15px;
        }

            .Project .list .bx-pager .bx-pager-item {
                display: block;
                float: left;
                width: 12px;
                height: 12px;
            }

                .Project .list .bx-pager .bx-pager-item + .bx-pager-item {
                    margin-left: 5px;
                }

                .Project .list .bx-pager .bx-pager-item a {
                    background: url(../images/button_invtico.png) right center;
                    font-size: 0;
                    display: block;
                    width: 12px;
                    height: 12px;
                }

                .Project .list .bx-pager .bx-pager-item .active {
                    background-position: left center;
                }


.videoList .ul {
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0 -21px 0 0;
    text-indent: 21px;
    width: 100%;
}

    .videoList .ul li {
        border: 1px solid #eae7e7;
        width: 290px;
        float: left;
        margin-right: 42px;
        text-indent: 0;
    }

        .videoList .ul li:nth-child(3n) {
            margin-right: 0;
        }

.videoList .pic {
    margin: 10px;
    position: relative;
}

    .videoList .pic a,
    .videoList .pic img {
        width: 270px;
        height: 180px;
        display: block;
    }

.videoList .time {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 32px;
    line-height: 32px;
    background: url(../images/pic_projecttime.png);
    color: #fff;
    padding-left: 44px;
    font-size: 14px;
}

.videoList .dot {
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 0 10px 10px 10px;
}

.activityDiy {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 70px;
}

    .activityDiy .listbox {
        position: relative;
    }

        .activityDiy .listbox .btn {
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -12px;
            width: 24px;
            height: 24px;
            background: url(../images/button_hover.png);
            cursor: pointer;
        }

        .activityDiy .listbox .prev {
            left: -45px;
            background-position: left top;
        }

            .activityDiy .listbox .prev:hover {
                background-position: left bottom;
            }

        .activityDiy .listbox .next {
            right: -45px;
            background-position: right top;
        }

            .activityDiy .listbox .next:hover {
                background-position: right bottom;
            }

        .activityDiy .listbox .list li {
            float: left;
            width: 270px;
            margin-right: 40px;
            position: relative;
        }

        .activityDiy .listbox .list a {
            display: block;
        }

        .activityDiy .listbox .list .pic,
        .activityDiy .listbox .list .pic img {
            display: block;
            width: 270px;
            height: 180px;
        }

        .activityDiy .listbox .list .tempWrap {
            max-width: 1200px;
        }

        .activityDiy .listbox .list .info {
            border: 1px solid #eae7e7;
            border-top: none;
            padding: 18px 18px 50px 18px;
        }

        .activityDiy .listbox .list .dot {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .activityDiy .listbox .list .txt {
            line-height: 20px;
            color: #666;
            height: 40px;
            overflow: hidden;
        }

        .activityDiy .listbox .list .time {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            width: 85px;
            height: 32px;
            line-height: 32px;
            background: url(../images/pic_projecttime.png);
            color: #fff;
            padding-left: 44px;
            font-size: 14px;
        }

.videoDiy {
    background: #f5f9fa;
    padding-bottom: 70px;
}

    .videoDiy .auto {
        width: 800px;
        margin: 0 auto;
    }

    .videoDiy .lis {
        position: relative;
    }

    .videoDiy .list .ul {
        position: relative;
        height: 400px;
    }

    .videoDiy .videobox,
    .videoDiy .videobox .play,
    .videoDiy .videobox .play .pic img,
    .videoDiy .videobox .btn {
        width: 100%;
        height: 100%;
    }

        .videoDiy .videobox .btn img {
            margin: 151px auto;
        }

    .videoDiy li .dot {
        text-align: center;
        background: #87b2c7;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        padding: 0 10px;
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .videoDiy li {
        width: 600px;
        height: 360px;
        position: relative;
    }

        .videoDiy li.item .btn img {
            display: none;
        }

        .videoDiy li.item.on .btn img {
            display: block;
        }

        .videoDiy li.item .dot {
            display: none;
        }

        .videoDiy li.item.on .dot {
            display: block;
        }

        .videoDiy li.item .videobox video {
            display: none;
        }

        .videoDiy li.item.on .videobox video {
            display: block;
        }

        .videoDiy li embed,
        .videoDiy li iframe {
            width: 100%;
            height: 100%;
        }

.picDiy {
    width: 1200px;
    margin: 0 auto;
}

    .picDiy .btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .picDiy .prev {
        left: -45px;
        background-position: left top;
    }

        .picDiy .prev:hover {
            background-position: left bottom;
        }

    .picDiy .next {
        right: -45px;
        background-position: right top;
    }

        .picDiy .next:hover {
            background-position: right bottom;
        }

    .picDiy .list {
        position: relative;
        height: 410px;
    }

        .picDiy .list .top {
            width: 580px;
            position: absolute;
            left: 50%;
            z-index: 2;
            margin-left: -290px;
            top: 0;
            background: #87b2c7;
        }

            .picDiy .list .top a {
                display: block;
            }

            .picDiy .list .top .pic,
            .picDiy .list .top .pic img {
                width: 580px;
                height: 370px;
            }

            .picDiy .list .top .dot {
                color: #fff;
                text-align: center;
                line-height: 40px;
                font-weight: bold;
            }

            .picDiy .list .top .pic img {
                width: 580px;
                height: 370px;
            }

        .picDiy .list .ul {
            height: 410px;
            overflow: visible !important;
        }

            .picDiy .list .ul li {
                float: left;
                width: 300px;
                position: relative;
            }

                .picDiy .list .ul li a,
                .picDiy .list .ul li img {
                    width: 300px;
                    height: 200px;
                }

            .picDiy .list .ul .li1 {
                left: -300px;
                top: 210px;
            }

            .picDiy .list .ul .li2 {
                right: -300px;
            }

            .picDiy .list .ul .li3 {
                top: 210px;
            }

.weiboDiy {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

    .weiboDiy .fl {
        float: left;
        width: 848px;
        border: 1px solid #eef3f6;
    }

        .weiboDiy .fl .top {
            padding: 20px;
            border-bottom: 1px solid #eef3f6;
        }

            .weiboDiy .fl .top .pic {
                float: left;
                border: 1px solid #e5e6ea;
            }

                .weiboDiy .fl .top .pic,
                .weiboDiy .fl .top .pic img {
                    width: 60px;
                    height: 60px;
                }

        .weiboDiy .fl .info {
            padding-left: 85px;
        }

            .weiboDiy .fl .info .title {
                overflow: hidden;
                line-height: 30px;
            }

            .weiboDiy .fl .info .name {
                float: left;
                padding-right: 20px;
                background: url(../images/pic_weibo_v.png) right center no-repeat;
                font-size: 14px;
                color: #002870;
            }

            .weiboDiy .fl .info .addr {
                float: left;
                margin-left: 10px;
                ;
                color: #999;
                font-size: 14px;
            }

            .weiboDiy .fl .info .follow {
                width: 66px;
                height: 22px;
                background: url(../images/button_follow.png);
                margin-top: 5px;
            }

                .weiboDiy .fl .info .follow a {
                    display: block;
                    padding-left: 22px;
                    font-size: 12px;
                    line-height: 22px;
                    color: #fff;
                }

        .weiboDiy .fl .infobox {
            padding: 10px 20px;
        }

            .weiboDiy .fl .infobox .bar {
                height: 220px;
                overflow: hidden;
            }

            .weiboDiy .fl .infobox .ul li {
                padding: 10px 0 15px 0;
            }

                .weiboDiy .fl .infobox .ul li + li {
                    border-top: 1px solid #eceff8;
                }

            .weiboDiy .fl .infobox .ul .title {
                line-height: 20px;
            }

            .weiboDiy .fl .infobox .ul .time {
                line-height: 20px;
                color: #7faae4;
                padding-top: 10px;
            }

            .weiboDiy .fl .infobox .ul .send {
                float: right;
                line-height: 20px;
                padding-top: 10px;
            }

                .weiboDiy .fl .infobox .ul .send a {
                    display: block;
                    float: left;
                    color: #7faae4;
                }

                .weiboDiy .fl .infobox .ul .send i {
                    display: block;
                    float: left;
                    height: 12px;
                    border-left: 1px solid #c9dbf3;
                    margin: 3px 8px;
                }

        .weiboDiy .fl .mCSB_container {
            margin-right: 45px;
        }

        .weiboDiy .fl .mCustomScrollBox > .mCSB_scrollTools {
            width: 7px;
        }

        .weiboDiy .fl .mCSB_scrollTools a + .mCSB_draggerContainer {
            margin: 0;
        }

        .weiboDiy .fl .mCSB_scrollTools .mCSB_buttonUp,
        .weiboDiy .fl .mCSB_scrollTools .mCSB_buttonDown {
            display: none;
        }

        .weiboDiy .fl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            background: #87b2c7;
            width: 7px;
        }

        .weiboDiy .fl .mCSB_scrollTools .mCSB_draggerRail {
            background: #edf3f4;
            width: 7px;
        }

    .weiboDiy .fr {
        float: right;
        width: 288px;
        border: 1px solid #eef3f6;
        padding: 10px 20px;
        background: #f5f9fa;
        min-height: 323px;
    }

        .weiboDiy .fr > .dot {
            font-size: 14px;
        }

        .weiboDiy .fr > .ico {
            overflow: hidden;
            padding-bottom: 45px;
        }

            .weiboDiy .fr > .ico a {
                float: left;
            }

                .weiboDiy .fr > .ico a,
                .weiboDiy .fr > .ico a img {
                    display: block;
                    width: 35px;
                    height: 35px;
                }

                    .weiboDiy .fr > .ico a + a {
                        margin-left: 12px;
                    }

.activityTh {
    width: 1158px;
    margin: 50px auto;
    border: 1px solid #e9eff2;
    position: relative;
    padding: 0 20px 20px 20px;
}

    .activityTh .HomeTitle {
        position: relative;
        top: -25px;
        text-align: center;
        padding: 0;
    }

        .activityTh .HomeTitle .block {
            display: inline-block;
            background: #fff;
            padding: 0 15px;
        }

    .activityTh .txtbox {
        background: url(../images/pic_activitythbg.png) top center no-repeat;
        min-height: 53px;
    }

.newsTh {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

    .newsTh .btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background: url(../images/button_hover.png);
        cursor: pointer;
    }

    .newsTh .prev {
        left: -45px;
        background-position: left top;
    }

        .newsTh .prev:hover {
            background-position: left bottom;
        }

    .newsTh .next {
        right: -45px;
        background-position: right top;
    }

        .newsTh .next:hover {
            background-position: right bottom;
        }

    .newsTh .list {
        position: relative;
    }

        .newsTh .list .ul {
            overflow: hidden;
            margin: 0 -20px;
        }

        .newsTh .list li {
            width: 580px;
            float: left;
            overflow: hidden;
            margin: 15px 20px;
        }

        .newsTh .list .pic {
            float: left;
            position: relative;
        }

            .newsTh .list .pic a,
            .newsTh .list .pic img {
                display: block;
                width: 194px;
                height: 110px;
            }

        .newsTh .list .time {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            width: 85px;
            height: 20px;
            line-height: 20px;
            background: url(../images/pic_storytime.png);
            color: #fff;
            padding-left: 5px;
            text-align: center;
        }

        .newsTh .list .info {
            float: right;
            width: 370px;
            height: 109px;
            border-bottom: 1px solid #e9eff2;
        }

        .newsTh .list .dot {
            display: block;
            font-size: 16px;
            color: #000;
            font-weight: 500;
            margin-bottom: 10px;
        }

            .newsTh .list .dot:hover {
                color: #002870;
            }

        .newsTh .list .txt {
            line-height: 20px;
            color: #8c8c8c;
            height: 40px;
            overflow: hidden;
            text-justify: inter-ideograph;
            text-align: justify;
            word-wrap: break-word;
        }

.videoTh {
    overflow: hidden;
    background: #f5f9fa;
    padding: 50px 0;
    margin-top: 30px;
}

    .videoTh .auto {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .videoTh .fl {
        float: left;
        position: relative;
    }

        .videoTh .fl,
        .videoTh .fl .play,
        .videoTh .fl .play .pic img,
        .videoTh .fl .btn {
            width: 600px;
            height: 400px;
        }

            .videoTh .fl .play,
            .videoTh .fl .play .pic img,
            .videoTh .fl .btn {
                position: absolute;
            }

            .videoTh .fl .play {
                z-index: 2;
            }

            .videoTh .fl .btn {
                background: url(../images/pic_videobg.png);
                cursor: pointer;
            }

                .videoTh .fl .btn img {
                    display: block;
                    margin: 171px auto;
                }

    .videoTh .fr {
        float: right;
        width: 600px;
        background: url(../fonts/pic_videothbg.png);
        height: 260px;
        margin-top: 45px;
    }

        .videoTh .fr .HomeTitle {
            float: left;
            padding: 42px 0 0 33px;
        }

        .videoTh .fr .txtbox {
            padding: 30px;
        }

    .videoTh .btnclick {
        position: absolute;
        top: 245px;
        left: 630px;
        z-index: 5;
    }

        .videoTh .btnclick a {
            display: block;
            width: 24px;
            height: 24px;
            background: url(../fonts/1ce8e144103a465cacf90e373f5faa0d.woff);
            cursor: pointer;
        }

.picTh .prev {
    left: -45px;
    background-position: left top;
}

    .picTh .prev:hover {
        background-position: left bottom;
    }

.picTh .next {
    right: -45px;
    background-position: right top;
}

    .picTh .next:hover {
        background-position: right bottom;
    }

.picTh .list {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

    .picTh .list .ul li {
        float: left;
        width: 282px;
        margin-right: 24px;
    }

    .picTh .list .ul .pic {
        display: block;
        width: 282px;
        height: 188px;
        background: #87b2c7;
    }

        .picTh .list .ul .pic img {
            padding: 3px;
            width: 276px;
            height: 182px;
        }

    .picTh .list .ul .dot {
        display: block;
        text-align: center;
        padding-top: 10px;
        line-height: 30px;
        font-size: 14px;
        color: #555;
    }

        .picTh .list .ul .dot:hover {
            color: #002870;
        }

.Cont > .caseList {
    padding-top: 20px;
}

.caseList .list li a {
    display: block;
    line-height: 35px;
    border-bottom: 1px dotted #ddd;
    font-size: 14px;
    padding-left: 10px;
    background: url(../images/button_prodlist3.png) left center no-repeat;
}

.caseList .list li span {
    float: right;
    padding-left: 30px;
    font-size: 12px;
}



.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 500px;
    height: 470px;
    max-height: 90%;
    margin: auto;
    border: 5px solid #ccc;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.white_content_small {
    display: none;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 50%;
    border: 16px solid lightblue;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.white_content .colse {
    text-align: right;
    cursor: default;
    height: 20px;
    margin-right: 15px;
    font-size: 16px;
}

    .white_content .colse span {
        cursor: pointer;
    }

.white_content .tip {
    font-size: 20px;
    padding: 10px 0;
}

.white_content .tip2 {
    font-size: 18px;
    padding: 0px 0px 10px 0px;
}

.white_content .ul li {
    padding: 5px 10px;
    margin: 10px;
}

    .white_content .ul li .textarea {
        line-height: 20px;
        height: 60px;
    }

.GoTop {
    position: fixed;
    right: 12px;
    z-index: 30;
    bottom: 78px;
}

    .GoTop .close {
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(../images/fancy_close.png);
        right: -15px;
        top: -15px;
        cursor: pointer;
    }

    .GoTop a {
        display: block;
        width: 55px;
        height: 65px;
        border: 1px solid #d0e0e9;
    }

        .GoTop a span {
            display: block;
            text-align: center;
            font-size: 12px;
            color: #8db6cb;
            padding-top: 40px;
        }

        .GoTop a.icon1 {
            background: #f3f7fa url(../images/icon_float1.png) top center no-repeat;
        }

        .GoTop a.icon2 {
            background: #f3f7fa url(../images/icon_float2.png) top center no-repeat;
            border-top: none;
        }

        .GoTop a.icon3 {
            background: #f3f7fa url(../images/icon_float3.png) center -6px no-repeat;
            border-top: none;
        }

        .GoTop a.icon4 {
            background: #f3f7fa url(../images/icon_float4.png) center -6px no-repeat;
            border-top: none;
        }

        .GoTop a.icon5 {
            background: #f3f7fa url(../images/icon_float5.png) center -6px no-repeat;
            border-top: none;
        }

        .GoTop a.icon1:hover {
            background: #f38224 url(../images/icon_float1_2.png) top center no-repeat;
        }

        .GoTop a.icon2:hover {
            background: #f38224 url(../images/icon_float2_1.png) top center no-repeat;
        }

        .GoTop a.icon3:hover {
            background: #f38224 url(../images/icon_float3_1.png) center -6px no-repeat;
        }

        .GoTop a.icon4:hover {
            background: #f38224 url(../images/icon_float4_1.png) center -6px no-repeat;
        }

        .GoTop a.icon5:hover {
            background: #f38224 url(../images/icon_float5_1.png) center -6px no-repeat;
        }

        .GoTop a:hover span {
            color: #fff;
        }

.ul_sitemap {
    list-style: none;
}

    .ul_sitemap li a {
        display: inline-block;
        color: #002870;
    }

    .ul_sitemap li > strong {
        display: block;
        height: 35px;
        line-height: 35px;
        background-color: #e4edf4;
        font-size: 17px;
        font-weight: bold;
        padding-left: 20px;
        border: 1px solid #dad4cf;
    }

    .ul_sitemap li > span {
        display: block;
        font-size: 15px;
        font-weight: bold;
        background-color: #fbfbfa;
        padding: 10px 0;
        padding-left: 20px;
        border-left: 1px solid #dad4cf;
        border-right: 1px solid #dad4cf;
    }

        .ul_sitemap li > span a {
            display: inline-block;
            color: #000;
            padding: 5px 10px;
        }

    .ul_sitemap li:last-child > span {
        border-bottom: 1px solid #dad4cf;
    }

.ul_sitemap {
}



/***调查问卷***/
.dcwjBlock {
    border: 1px solid #e6edf0;
    margin: 20px 0 30px;
}

    .dcwjBlock .blockTitle {
        font-size: 18px;
        font-weight: bold;
        padding-left: 30px;
        line-height: 50px;
        color: #333;
        background: #edf2f4;
        margin: 0;
        display: none;
    }

    .dcwjBlock dl, .dcwjBlock li {
        border-bottom: 1px dashed #c6d5dc;
        padding-left: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .dcwjBlock dl:nth-child(odd) {
        }

        .dcwjBlock dl.color {
            background: #f3f7f9;
        }

        .dcwjBlock li.last {
            border-bottom: 0 none;
        }

    .dcwjBlock dt, .dcwjBlock .question {
        font-size: 14px;
        line-height: 24px;
        color: #444;
        padding: 0 0 2px 0;
    }

        .dcwjBlock dt em, .dcwjBlock .question .red {
            color: #e84e40;
            font-style: normal;
        }

    .dcwjBlock .xxblock {
    }

        .dcwjBlock .xxblock:after {
            display: block;
            content: '';
            clear: both;
        }

        .dcwjBlock .xxblock label {
            position: relative;
            float: left;
            display: inline-block;
            padding-left: 24px;
            margin-left: 13px;
            color: #888;
            font-size: 14px;
            background: url(../images/icon_dcwj_point.png) no-repeat left;
            line-height: 34px;
            line-height: 26px;
            min-width: 107px;
            cursor: pointer;
        }

            .dcwjBlock .xxblock label.checked {
                background-image: url(../images/icon_dcwj_point_checked.png);
            }

            .dcwjBlock .xxblock label input {
                display: block;
                opacity: 0;
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 0%;
                z-index: -1;
                overflow: hidden;
            }

    .dcwjBlock li .textarea, .dcwjBlock dl textarea {
        display: block;
        width: 900px;
        height: 100px;
        border: 1px solid #e6edf0;
        margin: 15px 0;
        box-sizing: border-box;
        padding: 8px 10px;
    }

.dcwjsub .subBox1 {
    display: block;
    text-align: center;
}

    .dcwjsub .subBox1 input {
        display: inline-block;
        width: 120px;
        height: 36px;
        color: #fff;
        font-size: 14px;
        line-height: 36px;
        border: 0 none;
        border-radius: 5px;
        text-align: center;
        margin: 15px;
    }

    .dcwjsub .subBox1 .submit {
        background: #87b2c7;
        cursor: pointer;
    }

    .dcwjsub .subBox1 .reset {
        background: #919397;
        cursor: pointer;
    }

    .dcwjsub .subBox1 input:hover {
        background: #7dc0e1;
    }

/**调查问卷弹框**/
.dcwjtackBlock {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

    .dcwjtackBlock .left {
        float: left;
        display: inline-block;
    }

    .dcwjtackBlock .right {
        float: right;
        display: inline-block;
    }

    .dcwjtackBlock .testform {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -246px;
        margin-top: -234px;
        background: #fff;
        display: block;
        width: 455px;
        border: 6px solid #e4e4e4;
        padding: 15px;
        font-size: 14px;
        line-height: 34px;
        color: #666;
    }

        .dcwjtackBlock .testform .red {
            color: #f00;
        }

    .dcwjtackBlock .exit {
        position: absolute;
        right: 15px;
        font-size: 14px;
        line-height: 20px;
        color: #88b2c8;
    }

        .dcwjtackBlock .exit:hover {
            color: #f00;
        }

    .dcwjtackBlock .topbox {
        margin-top: 35px;
    }

        .dcwjtackBlock .topbox .left {
            width: 305px;
        }

        .dcwjtackBlock .topbox .des {
            color: #87b2c7;
            font-size: 23px;
            line-height: 26px;
            font-weight: bold;
        }

    .dcwjtackBlock .smail {
        display: block;
        width: 125px;
        height: 80px;
        background: #edf2f4 url(../images/icon_smail1.png) no-repeat center;
    }

    .dcwjtackBlock .title {
        font-size: 14px;
        line-height: 24px;
        color: #747474;
        padding-top: 5px;
        padding-bottom: 20px;
    }

    .dcwjtackBlock .li {
        border: 1px solid #cfe0e9;
        margin-bottom: 20px;
    }

        .dcwjtackBlock .li .word {
            width: 70px;
        }

            .dcwjtackBlock .li .word .red {
                width: 10px;
                text-align: right;
                display: inline-block;
                margin-right: 4px;
            }

        .dcwjtackBlock .li .input {
            width: 335px;
            border: 0 none;
            display: inline-block;
            font-size: 14px;
            line-height: 34px;
            color: #c5c5c5;
        }

        .dcwjtackBlock .li.last .word {
            width: 95px;
        }

        .dcwjtackBlock .li.last .input {
            width: 310px;
        }

    .dcwjtackBlock .li1 .word {
        width: 125px;
    }

    .dcwjtackBlock .btn {
        display: block;
        width: 120px;
        height: 36px;
        color: #fff;
        font-size: 14px;
        line-height: 36px;
        border: 0 none;
        border-radius: 5px;
        text-align: center;
        margin: 15px auto;
        background: #87b2c7;
        cursor: pointer;
    }

        .dcwjtackBlock .btn:hover {
            background: #7dc0e1;
        }

/**业务咨询弹框**/
.ywzxtackBlock {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

    .ywzxtackBlock .left {
        float: left;
        display: inline-block;
    }

    .ywzxtackBlock .right {
        float: right;
        display: inline-block;
    }

    .ywzxtackBlock form {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -331px;
        margin-top: -284px;
        background: #fff;
        display: block;
        width: 620px;
        border: 6px solid #e4e4e4;
        padding: 15px;
        font-size: 14px;
        line-height: 34px;
        color: #666;
    }

        .ywzxtackBlock form .red {
            color: #f00;
        }

.ywzxtackBlock1 {
    display: block;
    position: static;
    background: none;
    margin-top: 35px;
    margin-bottom: 40px;
}

    .ywzxtackBlock1 form {
        position: relative;
    }

.ywzxtackBlock .exit {
    position: absolute;
    right: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #88b2c8;
}

    .ywzxtackBlock .exit:hover {
        color: #f00;
    }

.ywzxtackBlock .title {
    font-size: 24px;
    line-height: 30px;
    color: #12295b;
    text-align: center;
    padding-top: 25px;
}

.ywzxtackBlock .des {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 20px;
}

.ywzxtackBlock .li {
    width: 298px;
    border: 1px solid #cfe0e9;
    margin-bottom: 20px;
}

    .ywzxtackBlock .li .word {
        width: 80px;
    }

        .ywzxtackBlock .li .word .red {
            width: 10px;
            text-align: right;
            display: inline-block;
            margin-right: 4px;
        }

    .ywzxtackBlock .li .input {
        width: 205px;
        border: 0 none;
        display: inline-block;
        font-size: 14px;
        line-height: 34px;
        color: #c5c5c5;
    }

.ywzxtackBlock .li1 .word {
    width: 125px;
}

.ywzxtackBlock .li1 select {
    width: 165px;
    display: inline-block;
    color: #c5c5c5;
}

    .ywzxtackBlock .li1 select option {
        color: #c5c5c5;
    }

.ywzxtackBlock .no-border {
    border: 0 none;
}

    .ywzxtackBlock .no-border .word {
        width: 100%;
        text-align: center;
    }

    .ywzxtackBlock .no-border label {
        position: relative;
        float: left;
        display: inline-block;
        padding-left: 25px;
        color: #888;
        font-size: 14px;
        background: url(../images/icon_dcwj_point.png) no-repeat left;
        line-height: 34px;
        min-width: 40px;
        cursor: pointer;
        text-align: left;
    }

        .ywzxtackBlock .no-border label.checked {
            background-image: url(../images/icon_dcwj_point_checked.png);
        }

        .ywzxtackBlock .no-border label input {
            display: block;
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0%;
            z-index: -1;
            overflow: hidden;
        }

.ywzxtackBlock .li.textarea {
    width: inherit;
}

    .ywzxtackBlock .li.textarea textarea {
        height: 78px;
        padding: 6px 0;
        line-height: 20px;
        font-size: 14px;
        color: #c5c5c5;
        width: 525px;
        display: inline-block;
    }

.ywzxtackBlock .btn {
    display: block;
    width: 120px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border: 0 none;
    border-radius: 5px;
    text-align: center;
    margin: 15px auto;
    background: #87b2c7;
    cursor: pointer;
}

    .ywzxtackBlock .btn:hover {
        background: #7dc0e1;
    }

.ywzxBlock {
    width: 100%;
    height: 100%;
}

    .ywzxBlock .left {
        float: left;
        display: inline-block;
    }

    .ywzxBlock .right {
        float: right;
        display: inline-block;
    }

    .ywzxBlock form {
        background: #fff;
        display: block;
        width: 94%;
        border: 6px solid #e4e4e4;
        padding: 15px;
        font-size: 14px;
        line-height: 34px;
        color: #666;
    }

        .ywzxBlock form input {
            margin: 0;
        }

        .ywzxBlock form .red {
            color: #f00;
        }

    .ywzxBlock .exit {
        position: absolute;
        right: 15px;
        font-size: 14px;
        line-height: 20px;
        color: #88b2c8;
    }

        .ywzxBlock .exit:hover {
            color: #f00;
        }

    .ywzxBlock .title {
        font-size: 24px;
        line-height: 30px;
        color: #12295b;
        text-align: center;
        padding-top: 25px;
    }

    .ywzxBlock .des {
        text-align: center;
        padding-top: 5px;
        margin-bottom: 20px;
    }

    .ywzxBlock .li {
        width: 298px;
        border: 1px solid #cfe0e9;
        margin-bottom: 20px;
    }

        .ywzxBlock .li .word {
            width: 80px;
        }

            .ywzxBlock .li .word .red {
                width: 10px;
                text-align: right;
                display: inline-block;
                margin-right: 4px;
            }

        .ywzxBlock .li .input {
            width: 205px;
            border: 0 none;
            display: inline-block;
            font-size: 14px;
            line-height: 34px;
            color: #c5c5c5;
            margin: 0;
        }

    .ywzxBlock .li1 .word {
        width: 125px;
    }

    .ywzxBlock .no-border .word input {
        width: auto;
    }

    .ywzxBlock .li1 select {
        width: 165px;
        display: inline-block;
        color: #c5c5c5;
    }

        .ywzxBlock .li1 select option {
            color: #c5c5c5;
        }

    .ywzxBlock .no-border {
        border: 0 none;
    }

        .ywzxBlock .no-border .word {
            width: 100%;
            text-align: center;
        }

        .ywzxBlock .no-border label {
            position: relative;
            float: left;
            display: inline-block;
            padding-left: 25px;
            color: #888;
            font-size: 14px;
            background: url(../images/icon_dcwj_point.png) no-repeat left;
            line-height: 34px;
            min-width: 40px;
            cursor: pointer;
            text-align: left;
        }

            .ywzxBlock .no-border label.checked {
                background-image: url(../images/icon_dcwj_point_checked.png);
            }

            .ywzxBlock .no-border label input {
                display: block;
                opacity: 0;
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 0%;
                z-index: -1;
                overflow: hidden;
            }

    .ywzxBlock .li.textarea {
        width: inherit;
    }

        .ywzxBlock .li.textarea textarea {
            height: 78px;
            padding: 6px 0;
            line-height: 20px;
            font-size: 14px;
            color: #c5c5c5;
            width: 525px;
            display: inline-block;
        }

    .ywzxBlock .btn {
        display: block;
        width: 120px;
        height: 36px;
        color: #fff;
        font-size: 14px;
        line-height: 36px;
        border: 0 none;
        border-radius: 5px;
        text-align: center;
        margin: 15px auto;
        background: #87b2c7;
        cursor: pointer;
    }

        .ywzxBlock .btn:hover {
            background: #7dc0e1;
        }

/**意见反馈弹框**/
.yjfktackBlock {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

    .yjfktackBlock .left {
        float: left;
        display: inline-block;
    }

    .yjfktackBlock .right {
        float: right;
        display: inline-block;
    }

    .yjfktackBlock form {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -246px;
        margin-top: -255px;
        background: #fff;
        display: block;
        width: 455px;
        border: 6px solid #e4e4e4;
        padding: 15px;
        font-size: 14px;
        line-height: 34px;
        color: #666;
    }

        .yjfktackBlock form .red {
            color: #f00;
        }

    .yjfktackBlock .exit {
        position: absolute;
        right: 15px;
        font-size: 14px;
        line-height: 20px;
        color: #88b2c8;
    }

        .yjfktackBlock .exit:hover {
            color: #f00;
        }

    .yjfktackBlock .smail {
        display: block;
        height: 80px;
        background: url(../images/icon_smail.png) no-repeat center;
    }

    .yjfktackBlock .title {
        font-size: 24px;
        line-height: 30px;
        color: #12295b;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 20px;
    }

    .yjfktackBlock .des {
        text-align: center;
        color: #747474;
        margin: 0 -5px;
        margin-bottom: 10px;
    }

    .yjfktackBlock .li {
        border: 1px solid #cfe0e9;
        margin-bottom: 20px;
    }

        .yjfktackBlock .li .word {
            width: 70px;
        }

            .yjfktackBlock .li .word .red {
                width: 10px;
                text-align: right;
                display: inline-block;
                margin-right: 4px;
            }

        .yjfktackBlock .li .input {
            width: 335px;
            border: 0 none;
            display: inline-block;
            font-size: 14px;
            line-height: 34px;
            color: #c5c5c5;
        }

        .yjfktackBlock .li.last .word {
            width: 95px;
        }

        .yjfktackBlock .li.last .input {
            width: 310px;
        }

    .yjfktackBlock .li1 .word {
        width: 125px;
    }

    .yjfktackBlock .btn {
        display: block;
        width: 120px;
        height: 36px;
        color: #fff;
        font-size: 14px;
        line-height: 36px;
        border: 0 none;
        border-radius: 5px;
        text-align: center;
        margin: 15px auto;
        background: #87b2c7;
        cursor: pointer;
    }

        .yjfktackBlock .btn:hover {
            background: #7dc0e1;
        }

.Cont .tag ul {
    background-color: #f7fafb;
}
/**意见反馈**/
.yjfkBlock {
    margin-top: 20px;
}

    .yjfkBlock .left {
        float: left;
        display: inline-block;
    }

    .yjfkBlock .right {
        float: right;
        display: inline-block;
    }

    .yjfkBlock .topBox {
        padding: 30px;
        border: 1px solid #e6edf0;
    }

    .yjfkBlock .img {
        width: 390px;
    }

        .yjfkBlock .img img {
            display: block;
        }

    .yjfkBlock .formBox {
        width: 480px;
        font-size: 14px;
        color: #555;
        line-height: 38px;
    }

        .yjfkBlock .formBox .li {
            margin-bottom: 18px;
        }

        .yjfkBlock .formBox .wid {
            width: 400px;
            position: relative;
        }

            .yjfkBlock .formBox .wid:after {
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                content: attr(data-tip);
                font-size: 14px;
                color: #c3c3c3;
                box-sizing: border-box;
                padding: 0 15px;
                z-index: -1;
            }

        .yjfkBlock .formBox .onav .wid:after {
            display: none;
        }

        .yjfkBlock .formBox .checkblock a {
            display: inline-block;
            float: left;
            width: 106px;
            color: #333;
            font-size: 14px;
            line-height: 32px;
            border: 0 none;
            border-radius: 3px;
            text-align: center;
            background: #e1e5e6;
            margin-right: 8px;
        }

            .yjfkBlock .formBox .checkblock a:hover {
                background: #b7bebf;
            }

            .yjfkBlock .formBox .checkblock a.checked {
                color: #fff;
                background: #87b2c7;
            }

        .yjfkBlock .formBox .input {
            display: block;
            font-size: 14px;
            width: 368px;
            border: 1px solid #e6edf0;
            line-height: 36px;
            color: #666;
            padding: 0 15px;
        }

        .yjfkBlock .formBox textarea.input {
            height: 120px;
            padding: 5px 15px;
            line-height: 24px;
        }

        .yjfkBlock .formBox .submit {
            display: block;
            width: 120px;
            height: 36px;
            color: #fff;
            font-size: 14px;
            line-height: 36px;
            border: 0 none;
            border-radius: 5px;
            text-align: center;
            background: #87b2c7;
            cursor: pointer;
        }

            .yjfkBlock .formBox .submit:hover {
                background: #7dc0e1;
            }

    .yjfkBlock .contBox {
        border: 1px solid #e6edf0;
        margin-top: 35px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

        .yjfkBlock .contBox .c-tit {
            font-weight: bold;
            font-size: 18px;
            line-height: 48px;
            color: #000;
            padding: 0 30px;
            border-bottom: 1px solid #e6edf0;
        }

    .yjfkBlock .ul {
        padding-bottom: 20px;
    }

    .yjfkBlock .contBox li {
        border-bottom: 1px dashed #c4d4db;
        padding: 25px 30px 20px;
    }

    .yjfkBlock .contBox .top-tit {
        font-size: 16px;
        line-height: 24px;
    }

    .yjfkBlock .contBox .type {
        color: #002870;
        margin-left: -6px;
    }

    .yjfkBlock .contBox .a-tit {
        color: #444;
    }

    .yjfkBlock .contBox .other {
        font-size: 12px;
        line-height: 22px;
        color: #999;
        padding: 5px 0;
        margin-bottom: 12px;
    }

        .yjfkBlock .contBox .other .user {
            font-style: normal;
            color: #87b2c7;
        }

        .yjfkBlock .contBox .other .time {
            margin: 0 16px;
        }

        .yjfkBlock .contBox .other .good {
            padding-left: 18px;
            background: url(../images/icon_hand1.png) no-repeat left 2px;
            margin-right: 15px;
            color: #999;
        }

        .yjfkBlock .contBox .other .bad {
            padding-left: 18px;
            background: url(../images/icon_hand2.png) no-repeat left 6px;
            color: #999;
        }

        .yjfkBlock .contBox .other .good.on {
            background-image: url(../images/icon_hand1hover.png)
        }

        .yjfkBlock .contBox .other .bad.on {
            background-image: url(../images/icon_hand2hover.png)
        }

    .yjfkBlock .contBox .answer {
        position: relative;
        padding-left: 27px;
        font-size: 12px;
        line-height: 21px;
        color: #888;
    }

        .yjfkBlock .contBox .answer .icon {
            position: absolute;
            display: block;
            width: 18px;
            line-height: 18px;
            text-align: center;
            left: 0;
            top: 4px;
            background: #87b2c7;
            color: #fff;
            border-radius: 3px;
        }
/*search.png*/
.choose {
    width: 100%;
    overflow: hidden;
}

    .choose .same {
        border: 1px solid #e7f0f4;
        border-bottom: 1px solid #e7f0f4;
        padding: 20px 2%;
        margin-top: 10px;
        background-color: #f7fafb;
    }

        .choose .same:last-child {
            border-top: none;
            margin-top: 0;
        }

        .choose .same li {
            display: inline-block;
        }

    .choose ul {
        margin: 0;
        padding-left: 0;
    }

    .choose .same li a {
        color: #414446;
        font-size: 14px;
        padding: 6px 15px;
        border-radius: 5px;
    }

        .choose .same li a.active {
            background-color: #83afc4;
            color: #fff;
        }

    .choose .same .video-type-list {
        display: inline-block;
        width: 80%;
    }

.RightCont .video-content .search {
    width: 40%;
    float: right;
    position: relative;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 3px;
}

    .RightCont .video-content .search input {
        width: 290px;
        height: 40px;
        border-bottom: 1px solid #e7e7e7;
        float: right;
        border-radius: 5px;
        padding-left: 13px;
    }

    .RightCont .video-content .search a {
        position: absolute;
        width: 60px;
        background: url(../images/search.png)no-repeat;
        background-position: top right;
        background-size: auto 100%;
        border-radius: 5px;
        height: 40px;
        right: 0;
        top: 0;
        /*   transform: skew(20deg);*/
    }

.slide .relatedList .btn {
    top: 57px;
}

.slide .relatedList .list .ul li img {
    max-width: 100%;
    padding: 5px;
    border: 1px solid #e9e7e8;
    box-sizing: border-box;
}

.slide .relatedList .list .ul li div {
    padding: 0px 0 10px;
    text-align: center;
    color: #565656;
}

.slide .title {
    text-align: center;
    margin-bottom: 28px;
}

    .slide .title h5 {
        display: inline-block;
        padding: 0 75px;
        margin: 0;
        font-size: 14px;
        height: 47px;
        position: relative;
    }

    .slide .title a {
        display: inline-block;
        color: #9a9a9a;
        padding: 10px 0;
        box-sizing: border-box;
    }

        .slide .title a.active, .slide .title a:hover {
            color: #747474;
            border-bottom: 2px solid #f09345;
            transition-duration: .3s;
        }

    .slide .title h5:first-child:after {
        position: absolute;
        content: "";
        right: 0;
        top: calc(50% - 7px);
        height: 15px;
        border-right: 1px solid #88b2c8
    }

.download-order {
    margin: 30px 0;
    padding: 7px 2%;
    border: 1px solid #e7f0f4;
    background-color: #f7fafb;
}

    .download-order i {
        padding: 6px 15px;
        border-radius: 5px;
        font-style: normal;
        padding-right: 20px;
        font-size: 14px;
        cursor: pointer;
    }

.prodInfo .showTab .list {
    margin-top: -1px;
}

.download-order i.active {
    color: #fff;
    background: #f58221 url(../images/up.png)no-repeat;
    background-position: 72px center;
}

.prodInfo .showTab .tab {
    overflow: hidden;
    padding-left: 12px;
}

    .prodInfo .showTab .tab li {
        float: left;
        width: 150px;
        text-align: center;
        line-height: 40px;
        height: 40px; /* background:url(../images/button_pordtab.png) left bottom;*/
        padding-left: 3px;
        color: #555;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        transform: skew(-20deg);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-right: 5px;
        background-color: #e4eef3;
        padding-left: 20px;
    }

        .prodInfo .showTab .tab li:hover,
        .prodInfo .showTab .tab li.on {
            background-position: left top;
            color: #fff;
            position: relative;
            background: url(../images/xingzhuang.png)no-repeat center center;
            transform: skew(0deg);
            background-size: 100% 100% !important;
        }

            .prodInfo .showTab .tab li:hover a, .prodInfo .showTab .tab li.on a {
                color: #fff;
                transform: skew(0deg);
            }

.prodInfo .showTab .list .txtbox {
    overflow: auto;
}

    .prodInfo .showTab .list .txtbox table {
        width: 100%;
        border-collapse: collapse;
    }

    .prodInfo .showTab .list .txtbox tr td:first-child {
        white-space: normal;
        width: auto !important;
    }

    .prodInfo .showTab .list .txtbox tr td {
        width: auto !important;
        padding: 2px;
        border: 1px solid;
    }

        .prodInfo .showTab .list .txtbox tr td div {
            padding: 0px 10px;
        }

.prodInfo .showTab .tab li:nth-child(1) a {
    background: url("../images/3e424bd3922b4a62a55a29b0e9100bb4.gif).png")no-repeat;
}

    .prodInfo .showTab .tab li:nth-child(1) a:hover, .prodInfo .showTab .tab li.on:nth-child(1) a {
        color: #fff;
        background: url("../images/qaq1.png")no-repeat;
    }

.prodInfo .showTab .tab li:nth-child(2) a {
    background: url("../images/7da3a0dc8ab844fe8eb47f0c4060d816.gif).png")no-repeat;
}

    .prodInfo .showTab .tab li:nth-child(2) a:hover, .prodInfo .showTab .tab li.on:nth-child(2) a {
        background: url("../images/qaq2.png")no-repeat;
    }

.prodInfo .showTab .tab li:nth-child(3) a {
    background: url("../images/dd67ccc9085742928196765a6678de4f.gif).png")no-repeat;
}

    .prodInfo .showTab .tab li:nth-child(3) a:hover, .prodInfo .showTab .tab li.on:nth-child(3) a {
        background: url("../images/qaq3.png")no-repeat;
    }

.prodInfo .showTab .tab li:nth-child(4) a {
    background: url("../images/qwq.png")no-repeat;
}

    .prodInfo .showTab .tab li:nth-child(4) a:hover, .prodInfo .showTab .tab li.on:nth-child(4) a {
        background: url("../images/qaq4.png")no-repeat;
    }

.prodInfo .showTab .tab li a {
    color: #555;
    transform: skew(20deg);
    display: block;
    background: url("../images/1c2e3978501c4c0383f379c98ba9984b.gif).png")no-repeat;
    background-position: 17px center !important;
}

.downList .list .content h5 {
    margin: 0;
    font-weight: normal;
    height: 40px;
    background-color: #e4eef3;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
    color: #002870;
}

.prodInfo .showTab .tab {
    overflow: hidden;
    padding-left: 12px;
}

.downList .list .content span {
    line-height: 40px;
    height: 40px;
}

.slide.news-slid .title a.active, .slide.news-slid .title a:hover {
    border: none;
}
/*.news-slid .title h5:after{display: none;  }*/
.slide.news-slid .title h5 a {
    border: none;
    color: #545454 !important;
}

.slide.news-slid .title h5:after {
    position: absolute;
    /*content: "";*/
    width: 10px;
    bottom: 0px;
    left: calc(50% - 5px);
    border-bottom: 1px solid #f39241;
    border-right: none;
    height: auto;
}